Amcharts how to push new chart data into chart without reloading of whole chart?

javascript amcharts
redrom picture redrom · Sep 17, 2014 · Viewed 18.8k times · Source

I would like to replace new data in JSON to chart and display them in the chart without reload of whole canvas. Is it possible in AmCharts library and if yes, how can i do it?

Thanks for any advice.

Answer

Simon picture Simon · Sep 17, 2014

Here is an example for you... http://jsfiddle.net/Se2UE/4/

I had a similar issue previously. You just need to add the data to a new array and update the graph. The key elements are:

//New data array
var NewChartData = [];

//Adding new data to array
NewChartData.push(JSON.parse(D));

//Setting the new data to the graph
chart.dataProvider = NewChartData;

//Updating the graph to show the new data
chart.validateData();

For this example I just used data from a DIV element on the page but you can use the same method to get the data from another source.

Related questions

How to remove "JS chart by amCharts" text from amChart?

How can I remove the branding text from an amChart chart? JS chart by amCharts Is there a way to remove that text in the chart configuration? Image of such a chart:

Read More
javascript amCharts graph item click event

In amCharts flash chart there is a event name clickGraphItem which work as click on graph item and after fetching this event we can do any action on graph item click. I need the same functionality in javascript amCharts. So …

Read More
How to disable the labels of x-axis amcharts

I am trying not to show the labels of x-axis, which in this case are: "7.5, 8.0, 8.5, 9.0" and so on. This is what I have tried so far: <div id="chartdiv"></div> var chart = AmCharts.makeChart("chartdiv", { "theme": "…

Read More