将mysql数据显示为动态股票类型highchart

时间:2018-09-09 02:55:34

标签: javascript php html mysql highcharts

美好的一天。因此,我正在用图表的高图表类型的股票制作折线图,并使用来自mysql的数据进行成功。然后,我尝试制作一个动态股票类型高图表,如此演示Jsfiddle,因为最终结果是我的网站将动态显示折线图数据以及mysql的数据。但是我很困惑如何像演示中那样用动态折线图显示mysql数据。谁能帮我如何将mysql数据显示为动态库存类型折线图?谢谢您的帮助。

下面的代码是一个实验,我将mysql数据显示为股票类型highchart,但不是动态

HTML:

<html>
<head>
<title></title>
<script src="jquery3.js"></script>
<script src="code/highstock.js"></script>
<script src="code/modules/exporting.js"></script>
    <script type="text/javascript" src="haha.js" ></script>
</head>
<body>
<div id="container" style="height: 500px; min-width: 500px"></div>
</body>
</html>

JS:

$(function() {
 $.getJSON('haha.php', function (data) {
// Create the chart
    Highcharts.stockChart('container', {
        rangeSelector : {
            selected : 1
        },
        title : {
            text : 'Temperature'
        },
        series : [{
            name : 'Temperature',
            data : data,
            marker : {
                enabled : true,
                radius : 3
            },
            shadow : true,
            tooltip : {
                valueDecimals : 2
            }
        }]
    });
});
});

PHP:

include("connection.php");

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

谢谢

0 个答案:

没有答案
相关问题