JavaScript charts VanCharts - Online Chart Switch

I. Open report

      Open a chart template in the chart maker and the switch chart online.

II. Add chart type

      We will add a line chart on top of the previous column chart.

· New chart type

Click the JavaScript charts Add chart type button in the top right corner to add a chart with default type of column chart as shown below.

JavaScript charts Add chart type

· Select Chart Type

Select the chart added and select type as line as shown below:

JavaScript charts Select Chart Type

· Data setting for new chart type

Click Chart Attribute - Data and add data for the line chart, which can be same or different to the column chart. We modify the series name as product name as shown below:

JavaScript charts Online Chart Switch

· Add other chart types

Add other chart types same as line chart and set default data for the other three types same as that of column chart as shown below:

JavaScript charts Data setting for new chart type

Note: Chart name, i.e. chart title is customizable as shown below:

JavaScript charts Online Chart Switch

For details on chart tile setting, please refer to Title and Background.

III. View effect

      Save the template and click page break preview, then chart button will be displayed in the top in the same order as that of new chart types. Click the tag of desired type to automatically change the chart type. Data source for line chart is different from that of column chart and other charts:

JavaScript charts Online Chart Switch