用PHP数据制作动态高库存

时间:2018-09-12 02:31:23

标签: javascript php highcharts

我制作了一个动态example这样的高位高位股票,但是使用了来自PHP的数据。我已经尝试了我的代码,但是结果没有出现。如何用PHP制作动态高库存?

PHP代码:

<?php 

include("connection.php");

$data = array();
$count = 0;
$result = mysqli_query($koneksi,"SELECT * FROM data ORDER BY time ASC ") or die ("Connection error");
while($row = mysqli_fetch_array($result)) {
$x = strtotime($row['time']) * 1000; 
$y =    (float)$row['temperature'];
$data[] = array($x, $y);
$count++;
}
echo json_encode($data);
mysqli_close($koneksi);
?>

来自PHP的JSON:

[[1535981121000,40],[1535981432000,32.9],[1535981492000,32.7],[1535981552000,32.6],[1535981618000,32.6],[1535981672000,32.6],[1535981732000,32.6],[1535981793000,32.6],[1535981854000,32.6],[1535981913000,32.5],[1535981993000,32.4],[1535982034000,32.4],[1535982215000,32.4],[1535982287000,32.3],[1535982335000,32.3],[1535982396000,32.5],[1536576266000,45.2],[1536579542000,62.2],[1536653234000,30.2]]

JavaScript代码:

<script type="text/javascript">
    var chart;  
function requestData() {
    $.ajax({
        url: 'chartTemp.php',
        success: function(point) {
            var series = chart.series[0],
                shift = series.data.length > 20; 

            // add the point
            chart.series[0].addPoint(point, true, shift);

            // call it again after one second
            setTimeout(requestData, 1000);    
        },
        cache: false
    });
}   
document.addEventListener('DOMContentLoaded', function() {  
    chart = Highcharts.stockChart('container', {
    chart: {
        events: {
            load: requestData
        }
    },

    time: {
        useUTC: false
    },

    rangeSelector: {
        buttons: [{
            count: 1,
            type: 'minute',
            text: '1M'
        }, {
            count: 5,
            type: 'minute',
            text: '5M'
        }, {
            type: 'all',
            text: 'All'
        }],
        inputEnabled: true,
        selected: 0
    },

    title: {
        text: 'Live random data'
    },

    exporting: {
        enabled: true
    },

    series: [{
        name: 'Random data',
        data: data[]
    }]
});

    </script>

我从此example

更改了上面的javascript代码

0 个答案:

没有答案