Highcharts Line Charts-Ajax loaded data Chart - HighCharts

Here’s an example of a ajax loaded data chart. Following example describes about to make an ajax call to load a csv file from HighCharts.Com using jQuery.getJSON() method and draw the chart.

We've already discussed about the configuration to draw this chart in Highcharts Configuration Syntaxchapter. Here’s with examples:

Import data.js

In order to work with ajax data, import following script.

Configurations

xAxis

Configure the tick intervals to be based on weekly basis on X-Axis.

yAxis

Configure two axes on y-Axis.

plotOptions

plotOptions is used to control the formatting of various parts of chart like series, marker on series.

Example

highcharts_line_ajax.htm

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

HighCharts Topics