使用高图表中的数组数据

Use array data in highcharts

本文关键字：数组 数据 高图表      更新时间：2023-09-26

我正在尝试显示带有高图表的图表。我有一个二维阵列，其中包含电感和电流值。我如何使用这些数据来显示图表？我一直在找，但没有找到正确的答案。。。在highcharts演示中，只有直接写入值，但从不使用Array的情况。我在我的网页中使用html+php+javascript。如果有人能帮助我，我将不胜感激。

提前感谢并致以最良好的问候。

p.S：如果有人知道另一种更容易显示图表的方法，我也会很感激。

编辑：

谢谢你的回答。我想我对这个图书馆不是很了解。。。我将张贴我的代码

//I initialize the array with the name Array_L_I_XXXX with the results from my SQL query
while($row4 = mysqli_fetch_array($result3))
{
    $Array_L_I_XXX[j][0] = $row4['L_value'];
    $Array_L_I_XXX[j][1] = $row4['I_value'];
        $j++;
    }     
 echo "<div style='"margin: 0 1em'">";
 echo "<script src='"http://code.highcharts.com/highcharts.js'"></script>";
 echo "<script src='"http://code.highcharts.com/modules/exporting.js'"></script>";
 echo "<div id='"container'" style='"min-width: 400px; height: 400px; margin: 0 auto'"></div>";

此外，在<head>部分中，我有以下代码

    <script type="text/javascript">
     var chart = new Highcharts.Chart({
         chart: {
            renderTo: 'container'
         },
            series: [{
            data: [<?php echo join($Array_L_I_XXX, ',') ?>],
            pointStart: 0,
            pointInterval
         }]
   });
</script>

这不起作用（当然是错误的…）但我真的找不到正确的方法。。。谢谢

  • 我在phpArray_L_I[X][Y]中有我的2D数组，现在，我插入以下代码来调用highchart函数：

    echo"；echo"http://code.highcharts.com/highcharts.js''">"；

    echo "<div id='"container'" style='"min-width: 400px; height: 400px; margin: 0 auto'"></div>";
    • 在<head>部分中，我有代码Highchart conde

我的问题是，我不知道如何将这个数组"发送"到highchart函数来使用我的值（它不像js函数，我可以发送一些变量…）

在没有太多细节的情况下，我假设您正在返回一个PHP数组，并需要将其转换为JS数组以在HighCharts:中使用

<script type="text/javascript">
    js_array = new Array(<?php echo implode(',', $php_array); ?>);
</script>
HighCharts:
series: [{
        data: js_array
    }]

按照这个基本的例子，你可以为你的项目进行微调。

请看一篇关于php数组和Highcharts组合的文章。

http://docs.highcharts.com/#preprocessing-来自数据库的数据

相关文章：