Next
Update
Prev
Default

To create a chart, the chart layout and the chart data (dataset) must be set by calling setLayout() (or setLayoutUR()) and setData() (or setDataURL()). The XML format is the only valid format of the layout, and the XML and Array formats are supported for the format of the chart data (dataset). Both layout and data can be passed to the functions as an argument of the string value (setLayout(), setData()) or as an argument of the URL location of the file (setLayoutURL(), setDataURL()).

This sample is to show how to set a URL location to the layout and to set an Array value to the dataset.

document.getElementById(id).setLayoutURL(layoutURL);
document.getElementById(id).setData(chartData);				

Layout : Sets the URL location to the JavaScript variable in HTML

var layoutURL = "./LayoutXml/Column_3D_Layout.xml";

Dataset : Sets the Array value to the JavaScript variable in HTML

var chartData = [{"Month":"Jan", "Profit":10000},
 		{"Month":"Feb", "Profit":5000},
 		{"Month":"Mar", "Profit":5000},
 		{"Month":"Apr", "Profit":10200},
 		{"Month":"May", "Profit":10000},
 		{"Month":"Jun", "Profit":9000},
 		{"Month":"Jul", "Profit":10000},
 		{"Month":"Aug", "Profit":8000},
 		{"Month":"Sep", "Profit":10000},
 		{"Month":"Oct", "Profit":11000},
 		{"Month":"Nov", "Profit":9000},
 		{"Month":"Dec", "Profit":15000}];

© 2017 KoolChart. All rights reserved.