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, Array and JSON 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 demonstrates how to set the string value to the layout and to set the URL of a JSON file to the dataset.


Layout : Sets the string value to the JavaScript variable in HTML

var layoutStr = 
'<KoolChart cornerRadius="12">'
    +'<Caption text="Monthly Report"/>'
  +'<NumberFormatter id="numfmt" useThousandsSeparator="true"/>' 
  +'<Line2DChart showDataTips="true">'
      +'<CategoryAxis categoryField="Month"/>'
      +'<LinearAxis interval="3000" formatter="{numfmt}"/>'
      +'<Line2DSeries yField="Profit" displayName="Profit" itemRenderer="CircleItemRenderer" radius="5">'

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

var dataURL = "./DataXml/singleData.txt";

© 2017 KoolChart. All rights reserved.