风倒钩:如何显示来自 mysql 的数据系列

时间:2021-06-24 15:34:28

标签: highcharts

在下面的示例中,我直接从 mysq 数据库读取了最后的 12 个数据(风力和方向)。 如何访问包含 12 个数据的整个数组?在示例中,第一个数组“with [value1[0],value3[0]]”的数据正确显示。只要我访问整个数组“[value1,value3]”的地址,就只能正确显示风强度(value1)的所有数据。不考虑风向(value3)。

series: [{
type: 'windbarb',
name: 'Wind',
data: [[value1[0],value3[0]]],

}]

目前我还是一个 Highcharts 初学者。有人可以告诉我我做错了什么。我会很高兴有一个解决方案。提前谢谢了。 马丁

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
$sql = "SELECT id, value1, value2, value3, reading_time FROM SensorData_04 order by reading_time desc limit 12";
$result = $conn->query($sql);
while ($data = $result->fetch_assoc()){
    $sensor_data[] = $data;
}
$readings_time = array_column($sensor_data, 'reading_time');
$value1 = json_encode(array_reverse(array_column($sensor_data, 'value1')), JSON_NUMERIC_CHECK);
$value3 = json_encode(array_reverse(array_column($sensor_data, 'value3')), JSON_NUMERIC_CHECK);
$reading_time = json_encode(array_reverse($readings_time), JSON_NUMERIC_CHECK);
$result->free();
$conn->close();

    var value1 = <?php echo $value1; ?>;
    var value3 = <?php echo $value3; ?>;
    var reading_time = <?php echo $reading_time; ?>;
    
    var chartB = new Highcharts.Chart({
      chart:{ renderTo : 'chart-windbarb' },
      title: {
        text: 'Wind Barbs'
      },
      xAxis: {
        type: 'datetime',
        categories: reading_time
      },
        series: [{
        type: 'windbarb',
        name: 'Wind',
        data: [[value1[0],value3[0]]],
      }]
    });

0 个答案:

没有答案