谷歌图表多线动态图表

时间:2015-06-13 10:13:21

标签: charts

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

SQL查询的输出如下所示

|系列| DATE_1 |日期2 | DATE_3 | | A | 2 | 3 |
| B | 4 | 6 |
| c | 7 | 8 |

SERIES& DATE_1可能会有所不同。也就是说,基于SQL查询中的各种条件,DATE_的数量可以变化&系列也是如此。

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

这是我到目前为止尝试编码的内容

    $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查询&amp;动态生成数据后不是大多数示例演示的静态数组。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:-1)

管理以不同的方式实现事物。因此,这个问题可以忽略不计。