Is there any option to give custom tick options
- My graph will look like above, I am showing Low/High Warning/Criticals as plotlines but I want to show the temperature in Yaxis with the respected colors for suppose Low Critical is 5C in blue color I am able to draw that plot line at that position but I need to show that 5 in Y axis ticks with Blue color (5C),like the same way for other 3 values and also I want to show another tick position to show the Highest value, Is it possible?
- And also I had another requirement like currently its showing tooltip when ever we are mouse hovering at that particular position but I want near by tooltip when ever I mouse over on the graph even there is no point at that position.
SIGN IN To post a reply.
3 Replies
Hi Surya,
Please find the response for chart related queries.
Query #1: I want to show the temperature in Yaxis with the respected colors for suppose Low Critical is 5C in blue color.
Unfortunately there are no direct support to achieve your requirement. Hence we suggest you to use loaded event to get the element and change the color to achieve your requirement. Based on that we have prepared a sample for your reference. Please find the sample and screenshot below.
Screenshot:
Query #2: I want near by tooltip when ever I mouse over on the graph even there is no point at that position.
Based on your request we suggest you to enable the shared property in the tooltip of chart to achieve your requirement. Based on that we have prepared a sample for your reference. Please find the sample and screenshot below.
Code Snippet:
|
// add your additional code here
public tooltip: Object = {
enable: true,
shared: true,
};
// add your additional code here
|
Screenshot:
Let us know if you have any concerns.
Regards,
Srihari M
My graph will look like above, I am showing Low/High Warning/Criticals as plotlines but I want to show the temperature in Yaxis with the respected colors for suppose Low Critical is 5C in blue color I am able to draw that plot line at that position but I need to show that 5 in Y axis ticks with Blue color (5C),like the same way for other 3 values and also I want to show another tick position to show the Highest value, Is it possible?
Its not only about colour I want to show custom tick in between 20-25 like 22. Among with normal ticks I want to show my custom ticks also (like 0,5,10,13,15,20,22,24,25).
I want near by tooltip when ever I mouse over on the graph even there is no point at that position.
public tooltip: Object = {
enable: true,
shared: true,
};
I want the same feature with out shared because I need to show tooltip for each series separately
Hi Surya,
We have analyzed your queries. Please check with below suggestions.
# 1 : Among with normal ticks I want to show my custom ticks also
We suggest you to use annotations to display the custom axis labels in chart. We have prepared sample based on your requirement. Please check with below snippet and sample.
|
public annotation: Object[] =[
{
content: '13% <svg height="10" width="10"><line x1="0" y1="5" x2="6" y2="5" style="stroke:#b5b5b5;stroke-width:1" /> </svg>',
x: '9%',
y: '47%',
region: 'Chart',
coordinateUnits: 'Pixel'
}
//…
] |
# 2 : I want the same feature without shared because I need to show tooltip for each series separately
We have already logged a feature request on “Floating mode support for trackball tooltip”. Based on other logged tasks priority, this feature will be included in any of our upcoming release. You can keep track of the feature from the feedback portal below.
Feedback Link : https://www.syncfusion.com/feedback/24846/floating-mode-support-for-trackball-tooltip
If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.
Regards,
Durga G
SIGN IN To post a reply.
