Custom Display Values using annotations

You can add custom string values on top of data items instead of displaying the data value itself to make the chart more information-intensive. Using these values, you can explain special trends and behavior like the sudden increase or decrease in sales in a monthly revenue chart.

Loading...
FusionCharts


The chart below shows the percentage of market share of leading mobile operating systems in the years 2012, 2013, and 2014. Additionally, annotations have been used to show the average growth of each OS from 2012 to 2014. The annotations are rendered when the mouse pointer is rolled over a data plot for a particular OS. Every time the mouse pointer is rolled over a data plot, the dataplotRollOver event is triggered and the annotations associated with that data plot are rendered.

Loading...
FusionCharts


Charts can be embedded in the tooltips configured for the data plots of another chart. This is an effective, and interesting, solution if your charts use data that is derived from another set of data, which can also be presented using charts.

The example below shows a heat map chart on which eight students' performance in five subjects is categorized as Excellent, Good, or Bad. The category under which a student falls is determined based on their performance in five weekly tests for each subject. Each student's performance in the weekly tests is shown using a column 2D chart that is rendered when the mouse pointer is rolled over the category symbol for that student and that subject.

Loading...
FusionCharts