Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- google.charts.load('current', {'packages':['line']});
- google.charts.setOnLoadCallback(drawChart);
- function drawChart() {
- var data = new google.visualization.DataTable();
- data.addColumn('number', 'Day');
- data.addColumn('number', 'Guardians of the Galaxy');
- data.addColumn('number', 'The Avengers');
- data.addColumn('number', 'Transformers: Age of Extinction');
- data.addRows([
- [1, 37.8, 80.8, 41.8],
- [2, 30.9, 69.5, 32.4],
- [3, 25.4, 57, 25.7],
- [4, 11.7, 18.8, 10.5],
- [5, 11.9, 17.6, 10.4],
- [6, 8.8, 13.6, 7.7],
- [7, 7.6, 12.3, 9.6],
- [8, 12.3, 29.2, 10.6],
- [9, 16.9, 42.9, 14.8],
- [10, 12.8, 30.9, 11.6],
- [11, 5.3, 7.9, 4.7],
- [12, 6.6, 8.4, 5.2],
- [13, 4.8, 6.3, 3.6],
- [14, 4.2, 6.2, 3.4]
- ]);
- var options = {
- chart: {
- title: 'Box Office Earnings in First Two Weeks of Opening',
- subtitle: 'in millions of dollars (USD)'
- },
- width: 900,
- height: 500
- };
- var chart = new google.charts.Line(document.getElementById('linechart_material'));
- chart.draw(data, options);
- }
- setInterval(ajaxCall, 300000); //300000 MS == 5 minutes
- function ajaxCall() {
- $.ajax({
- type: "GET",
- crossDomain: true,
- dataType: "json",
- data: {
- format: 'json'
- },
- url: 'http://192.168.1.156:8025/json',
- success: function(jsondata) {
- jsn = JSON.stringify(jsondata, undefined, 2);
- // put data in jsn to google line chart.
- // Above Google Line chart to load here
- // data = new google.visualization.DataTable();
- // dynamically add rows on each fetch success of ajax call
- }
- });
- //do your AJAX stuff here
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement