Prerequisites

• Creating a simple chart using FusionCharts Suite XT

• Introduction to annotations

• Creating simple annotations

You can use text annotations to add notes, labels, or any other contextual text information that you may want to make available to your users.

A column 2D chart rendered using text annotations is shown below:

The text Promotional activities for Butterfinger made it surpass Snickers, the highest selling brand for 3 years is a text annotation. Adding this text to the chart makes it self-descriptive and easy for a user to understand the chart. You can add multiple text annotations on a chart that can be notes, labels, or any text that adds more context to the chart.

The JSON structure for creating text annotations is given below:

"chart": {
    ...
},
"annotations": {
    "groups": [{
        "items": [{
            //Text annotation 1
            "type": “text”,
            //Define the attributes needed to create a text annotation
            ...
        },
        ...
        {
            //Text annotation *n*
            "type": “text”,
            //Define the attributes needed to create a text annotation
            ...
        }]
    }]
}

The attributes used to create text annotations are:

The complete data structure for the column 2D chart with the text annotation is given below:

• JSON
• XML