【问题标题】:Google charts multiline dynamic charts谷歌图表多行动态图表
【发布时间】:2026-01-07 21:05:01
【问题描述】:

我是 PHP 编码的新手,并且有一些谷歌图表可以工作。到目前为止,我生成的所有这些图表都是基于(日期、事件发生次数)类型的图表。我正在尝试绘制一个谷歌图表,其数据是 SQL 查询的输出。

SQL 查询的输出如下所示

|系列|DATE_1|DATE_2|DATE_3| |a|2|3|
|b|4|6|
|c|7|8|

SERIES 和 DATE_1 都可能有所不同。也就是说,根据SQL查询中的各种条件,DATE_的个数可以变化,SERIES也可以变化。

然后我必须将此输出传递给谷歌图表绘图代码。

这是我迄今为止尝试过的编码

    $link = mysql_connect("localhost", "user", "pass");
    $dbcheck = mysql_select_db("database"); 
    if ($dbcheck) {
        $chart_array_1[] = "['MY_DATE','MY_NAME','#NUM_OCCURENCES']";
        $result = mysql_query($sql);
        if (mysql_num_rows($result) > 0) {
            while ($row = mysql_fetch_assoc($result)) {
                $my_date=$row["MY_DATE"];
                $my_ins=$row["MY_NAME"];
                $my_count=$row["MY_COUNT"];
                $chart_array_1[]="['".$my_date."','".$my_ins."',".$my_count."]";
            }
        }
    }
    mysqli_close($link);

 <script type="text/javascript">
            // Load the Visualization API and the piechart package.
            google.load('visualization', '1', {'packages':['corechart']});

            // Set a callback to run when the Google Visualization API is loaded.
            google.setOnLoadCallback(drawChart);

            function drawChart() {
                // Create our data table out of JSON data loaded from server.
                var data_1  = google.visualization.arrayToDataTable([<?php echo (implode(",", $chart_array_1)); ?>])

                var options = {
                    bar: {groupWidth: "6%"},
                     trendlines: {
                        1: {
                          type: 'linear',
                          color: 'green',
                          lineWidth: 3,
                          opacity: 0.3,
                          showR2: true,
                          visibleInLegend: true
                        }
                      },
                    chartArea: {
                        left: 70,
                        top: 61,
                        width:'95%',
                        height:'70%'
                    },
                    curveType: 'function',
                    //width: 1600,
                    height: 400,
                    pointSize: 4,
                    lineWidth: 2,
                    visibleInLegend: false,
                    vAxis: { 
                        //title: "GC#",
                        logScale: true,
                        titleTextStyle: {
                            color: 'black'
                        }
                    },
                    hAxis: {
                        title: "TIMELINE",
                        titleTextStyle: {
                            bold: false,
                            color: 'black'
                        }
                    },
                    legend: {
                        position: 'top',
                        alignment: 'center',
                        textStyle: {
                            color: 'blue'
                        }
                    }
                };


              var chart_1 = new google.visualization.LineChart(document.getElementById('plot1'));
              chart_1.draw(data_1, options);
            }
</script>

我无法绘制图表。我收到错误“轴#0 的数据列不能是字符串× 类型”。有人可以在这里帮助我吗?

我希望将 a、b、c 等视为单独的系列,同时日期继续到 X 轴。请注意,在使用 SQL 查询而不是大多数示例演示的静态数组动态生成数据之后。有人可以帮忙吗?

【问题讨论】:

    标签: charts


    【解决方案1】:

    设法以不同的方式实现。所以这个问题可以忽略。

    【讨论】:

    • 删除问题或给我们解决方案。