dan.nikonov

Area color under segment

Recommended Posts

Hello!

I would like to build my chart with MSArea component. I want to place labels on X-axis for each segment (line between 2 anchors points) and specify background color for some area segments (for area under line between 2 anchors points). Is it possible? 

And i need to specify onClick and onMouseOver event for each area segment between to anchors. 

Thank you.

Share this post


Link to post
Share on other sites

Hi,

For your first query, the x axis labels can be displayed in different modes like rotated, slanted, etc. but positioning the x axis labels in between two data points is not supported as of now.

Documentation: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-labels

 

For your second query, in Multi-series Area 2D chart, you can specify the background color for the whole dataset using "color" attribute under the "dataset" object but specifying background color for area between 2 anchors points is currently not supported.

If you want to highlight any specific data point then you can use the anchor attributes under the "data" object.

Documentation: https://www.fusioncharts.com/dev/common-use-cases/highlight-specific-data-points-on-chart#changing-anchor-properties-in-charts-like-line-and-area

 

For your third query, you can use the "dataplotClick" and "dataplotRollOver" event APIs to detect Click and Mouse Over on the anchors but there is no supported event to specify onClick and onMouseOver event for each area segment between two anchors.

Documentation Links:-

https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#dataplotClick

https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#dataplotRollOver


Please refer to this demo: http://jsfiddle.net/srishti_fc/4q86b9sf/

 

Hope this would help.

Thanks,
Srishti Jaiswal

Share this post


Link to post
Share on other sites
3 hours ago, Srishti Jaiswal said:

Hi,

For your first query, the x axis labels can be displayed in different modes like rotated, slanted, etc. but positioning the x axis labels in between two data points is not supported as of now.

Documentation: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-labels

 

For your second query, in Multi-series Area 2D chart, you can specify the background color for the whole dataset using "color" attribute under the "dataset" object but specifying background color for area between 2 anchors points is currently not supported.

If you want to highlight any specific data point then you can use the anchor attributes under the "data" object.

Documentation: https://www.fusioncharts.com/dev/common-use-cases/highlight-specific-data-points-on-chart#changing-anchor-properties-in-charts-like-line-and-area

 

For your third query, you can use the "dataplotClick" and "dataplotRollOver" event APIs to detect Click and Mouse Over on the anchors but there is no supported event to specify onClick and onMouseOver event for each area segment between two anchors.

Documentation Links:-

https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#dataplotClick

https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#dataplotRollOver


Please refer to this demo: http://jsfiddle.net/srishti_fc/4q86b9sf/

 

Hope this would help.

Thanks,
Srishti Jaiswal

Thank you for the answer!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now