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 Query
- 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?
More Query from same tag
- how to add an color picker control to highchart for changing the color of series by user
- Why I cannot display less than 6 days?
- JSON data with angular2-highcharts
- Highcharts: Stacked bar chart display categories data, not series
- How to change background color of every single bubble in highcharts?
- How to add another same chart but with different data?
- Highcharts async multi level drill down
- how to use Kendo chart library in Server side
- Hightcharts chart not resizing to fill space
- redraw piechart with Highcharts using JSON data
- Highchart points not set to y asix
- Highchart plugin not accepting array for series data?
- Highcharts - Reset zoom in synchronised charts
- Highcharts How to add a link in PlotLines?
- Issue: In case of multiLineSeries Graph if one of the series has no Data, the entire graph does not get plotted
- Why I cant put the highcharts.chart in render?
- Applying a custom colors on HighCharts Line?
- Use nearest neighbor search for hover in column chart
- dash_styles in Highcharts
- Getting error while using pattern in Angular Highcharts
- HighStock Chart: Extract time based on user selection from the Navigator window
- Highcharts : Info about clicked legend item pass to controller
- Change marker line color in highstocks
- Highcharts series data array not working
- How to adjust vertical labels on this Line Chart?
- Passivate Highcharts Export Phantom JS Web Server?
- Referencing a JSON object created in Java through javascript in the one JSP page
- Unable to programmatically toggle (close only) Highchart's default Context Menu using jQuery.toggle()
- Highcarts with zoomType + default level
- Column Chart with condition-based coloring in R and highcharts