Pyramid Chart JSON Data Format |
Starting FusionWidgets XT, charts/gauges can be rendered using JSON (JavaScript Object Notation) data. JSON is a light-weight and simple data format that is easy to read and understand. Though derived from JavaScript, the data structure is language-independent, with encoders and parsers available for virtually every programming language.
A FusionWidgets XT chart is controlled by a single JSON data source i.e., the same source contains data to plot, functional settings and cosmetic properties. There are many properties that you can define for each chart type. However, it is not necessary to define all the properties for a given chart. For example, if you do not want to change the default setting of the canvas (color, alpha etc.), you don't have to define any property for the canvas - the default values will be assumed. Thus, each chart can be generated using minimal properties. |
In this page, we will discuss about how to use JSON data to create a Pyramid chart. |
A sample JSON data for a Pyramid chart looks as under: |
{ |
Brief Explanation |
The chart Object defines all the settings that help to manipulate the chart. You can find the list of all the attributes for this Object in the XML Sheet of Pyramid chart. In the most general form, chart attributes represent the following JSON format: Please note that the XML attributes declared in the XML Sheet for pyramid chart are same as the JSON keys in FusionWidgets XT JSON data format. The data Array represents a set of data values which is to be plotted on the graph. The data Array contains a set of Objects, each representing a single pyramid slice. { "label: "Buchanan", "value" : "20000", "toolTip" : "Buchanan, 20000" } The styles Object helps you apply font, effects and animations to various objects of the chart. In FusionWidgets XT JSON format, the styles Object contains two Arrays - definition and application. The definition Array contains a list of style Objects. Each style Object contains various style definition attributes. The application Array contains a list of apply Objects. Each apply Object contains attributes to apply styles that are defined in the definition Array to various chart objects. To read more on Styles, please see Using Styles section. Important: To use JSON data format with FusionWidgets XT, you'll need to embed the charts using FusionCharts JavaScript Class (FusionCharts.js), as the charts internally still use XML. The JavaScript class provides the bridge between JSON and XML. |