JSON Data Set - VanCharts data set

      JSON (JavaScript Object Notation) is a really easy way to exchange data and has widespread application. So how to use VanCharts to access JSON data ? How to set JSON data as the data source for VanCharts? Format of JSON data source supported by chart is as follows:

JavaScript charts JSON Data Set

      e.g.:

JavaScript charts JSON Data Set

      Note: Because the chart will analyze data to be data sheet, length of each data array in JSON format shall be the same.

Sample

      Below is a JSON file:

JavaScript charts JSON Data Set Sample

      We will take this JSON file as the data source to plot chart by VanCharts.

1. Data import

      Create a new chart template in the chart maker, then select column chart and JSON Data Set in the Data Source of Chart Attribute - Data.nput url source and click preview. Designer will analyze corresponding string as column name and data value as value for corresponding column. The above format will be analyzed into the data sheet with format below:

JavaScript charts JSON Data Set

2. Data allocation

      Allocate category and series for the column chart as shown below:

JavaScript charts JSON Data Set

2. View effect

      Save template and click preview to see the effect below:

View effect of JavaScript charts JSON Data Set