CODEWITHSUNDEEP
javascripthighcharts
BigJobbies
BigJobbies

Reputation: 4055

Using highcharts to display data from an API

I have been checking around all the chart software and ive come to HighCharts.

I want to build a chart thats exactly the same as the one on the following page, http://www.highcharts.com/stock/demo/dynamic-update

Im unsure of how to insert my data though, and i was wondering if someone could give me a hand.

The data straight from the source looks like this for example,

[[[1473396905000,1.925],[1473402008000,3.8978],[1473402311000,1.3657],[1473402605000,1.3194],[1473402905000,1.4289],[1473403206000,1.5782]]]

The first number is a timestamp, the second number is a plot point.

Any help would be awesome :)

Upvotes: 0

Views: 86

Answers (1)

Deendayal Garg
Deendayal Garg

Reputation: 5158

if you just want to display the data then Line graph would be the perfect solution for this. In case you want to use the graph you mentioned and dont want auto update then just remove the whole chart key which has an event and replace the series with the below one. 

series: [{
        name: 'Random data',
        data: (function () {
            var data  = [[1473396905000,1.925],[1473402008000,3.8978],[1473402311000,1.3657],[1473402605000,1.3194],[1473402905000,1.4289],[1473403206000,1.5782]];
            return data;
        }())
    }]

fiddle : http://jsfiddle.net/muydcyvn/

Upvotes: 1

Related Questions