在highcharts中使用数组数据

时间:2013-06-27 14:58:19

标签: php javascript arrays charts highcharts

我正在尝试使用 highcharts 显示图表。 我有一个 2维数组,其中包含电感和电流值。 如何使用该数据显示图表?我正在寻找它,但我没有找到正确的答案......在高图演示中,只有你直接写值的情况,但从不使用数组。 我在我的网页上使用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> 

那不行(肯定是错的......)但实际上我找不到正确的方法来做这件事......谢谢!


  • 我在php Array_L_I[X][Y]中有我的2D数组,现在,我插入以下代码来调用highchart函数:

    回声“”;     echo“http://code.highcharts.com/highcharts.js”&gt;“;

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

我的问题是我不知道如何将此数组“发送”到highchart函数以使用我的值(它不像js函数,我可以发送一些变量......)

2 个答案:

答案 0 :(得分:4)

如果没有太多细节,我会假设您正在返回一个PHP数组,需要将其转换为JS数组,以便在HighCharts中使用:

<script type="text/javascript">
    js_array = new Array(<?php echo implode(',', $php_array); ?>);
</script>

HighCharts:

series: [{
        data: js_array
    }]

按照这个基本示例,您可以为项目进行微调。

答案 1 :(得分:0)

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

http://docs.highcharts.com/#preprocessing-data-from-a-database