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
- Live multiple series with highchart
- Highcharts : cross symbol with fillColor
- Highcharts boxplot line rendering issues: is there a solution?
- Style Highchart line chart from psd
- Call a function from within highchart click event in reactjs
- HighCharts Column Overlapping
- Removing "Series 1" in legend and ordering legend
- Get Highchart (/ Highstock) from public data (json)
- Highcharts: incorrect column placement with linked series?
- Why can't I enter text into a textarea control that is inside of the highcharts-container div?
- Highchart Persist bar widh for null data
- Update Series Array on HighChart after editing chart
- Why do my Highcharts stacked areaspline charts look funny?
- Highcharts issues in [object Object]:0.0 for pie chart
- Displaying data into a graph in web service ASP.NET MVC Framework
- Highstock: how to make series name of first column to be dynamic on tooltip, year wise
- Does highcharts support displaying groups of columns at different x values?
- javascript associative array, looping, and / or scope issue with Highcharts JSON call
- Highcharts hide empty bars of categories for multiples series
- Highcharts - How to start x axis from an arbitrary value
- How to extend Tooltip Range in Highcharts
- Performance issue adding series through loop in Highcharts
- How to add line which runs through origin (from positive to negative) on a scatterplot - highchart
- use an api function in graphics in angular
- Change Highchart Options dynamically in angular
- Retrieving JSON data for Highcharts with multiple series?
- How to fix Highchart Sparkline tooltip not showing
- Highchart Combochart Rendered Wrong
- Print Array in HighChart
- highcharts no point markers but show single point or discontinous points