score:2
I haven't test my code but it should work.I hope you'll understand my idea.
$(function () {
$(document).ready(function () {
Highcharts.setOptions({
global: {
useUTC: false
}
});
var chart;
params = {
chart: {
zoomType: 'x',
type: 'area'
},
credits: {
enabled: false
},
title: {
text: 'Temperature'
},
legend: {
enabled: false
},
xAxis: {
type: 'datetime'
},
series: [{
name: 'Temperature',
color: '#ff851b',
marker: {
enabled: false
}
}]
};
$.ajax({
url: "https://urlhidden.com/ajaxsql.php?f=get_all_temperature",
type: "GET",
async: false,
context:document.body,
success: function (data) {
//data should be converted to json object using [..]
//remove data variable in this format you should get the data
data = [[1394908920000,20.87], [1394908980000,20.87], [1394909040000,20.87]];
params.series[0].data = data;
$('#graph_temperature').highcharts(params);
}
});
})
});
Updated
Source: stackoverflow.com
Related Articles
- HighCharts load data via ajax
- Load data into Highcharts with Ajax
- Highcharts load data with ajax to populate the tooltip
- Load CSV data via Ajax for display in Highcharts
- Highcharts IE issues with jQuery ajax load
- highcharts how to load data via ajax
- Load HighCharts though .NET Ajax Call
- Highcharts ajax load
- extending highcharts with an ajax load event
- Highcharts load ajax via Json
- Highcharts failing to load intermittently via AJAX
- Load highcharts data with laravel and ajax
- Highcharts width exceeds container div on first load
- Get Highcharts Series Data after Load
- JSF2, PrimeFaces, and Highcharts - Ajax
- Ajax and Highcharts - Display 'loading' until data is retrieved, then populate chart
- Using PhantomJS to create HighCharts grahps server side for use in PDF creation (PHP) - results in exit code 11 from PHPs exec();
- How to dynamically load highcharts
- Highcharts - Global configuration with common code and unique data & Headings
- PHP JSON Highcharts load database result
- HighCharts is slow to load data when building multiple charts
- AngularJS for Highcharts with dynamic ajax data
- AJAX displaying values from two different functions in a single Highcharts chart instead of two different ones
- Highcharts chart not loading after AJAX call to insert partial containing chart
- Highcharts with ajax and json data what am i doing wrong?
- Dynamically load in series HighCharts
- load data in highcharts from 2 different csv files
- Highcharts Column-chart with php and Ajax
- How to load a Highcharts options object, including a callback property, with getJSON
- Highcharts : How to update Plotoptions pointStart on Ajax call?
- How to display historical data and live data from database using Highcharts
- Relative time in Highstocks chart
- Highcharts yaxis labels Format
- Json to Chart using highchart export server with Node js module its throw error
- How can I click an element in jquery
- How to use this highchart map in reactJS
- HighCharts Pattern Fill striped
- Highcharts - how to show/hide multiple data labels on mouseOver and mouseOut
- Display Data with Xvalues correctly in Highcharts
- Highchart library and responsive design
- Highstock data input with csvURL only allows a limited number of rows
- How to display rounded corners in a highcharts column on a Y Axis that starts above 0
- Highmaps in Typescript: Maps not being dipslayed
- MACD + High chart Graph plotting issue
- Dynamic query for high charts
- Displaying max value in bottom of the pie chart - highcharts
- Highcharts series label
- highstock - control when tooltip appears
- How to set json data from url on highchart and polling the json data after 1 sec to dislay on highchart using Angular js
- How to make stacked column chart percentages exceed 100% in highcharts