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 enter image description here


Related Articles