Charts 谷歌图表多行动态图表

Charts 谷歌图表多行动态图表,charts,Charts,我对PHP编码还不熟悉&有一些谷歌图表可以使用。到目前为止,我生成的所有这些图表都是基于(日期、事件发生次数)类型的图表。我正在尝试绘制一个google图表,其数据是SQL查询的输出 SQL查询的输出如下所示 |系列|日期| 1 |日期| 2 |日期| 3 | |a | 2 | 3 | |b | 4 | 6 | |c | 7 | 8 | 系列和日期都可以变化。也就是说,根据SQL查询中的各种条件,日期的数量可以不同&序列也可以不同 然后,我必须将此输出传递给google图表绘图代码 以下是我到目

我对PHP编码还不熟悉&有一些谷歌图表可以使用。到目前为止,我生成的所有这些图表都是基于(日期、事件发生次数)类型的图表。我正在尝试绘制一个google图表,其数据是SQL查询的输出

SQL查询的输出如下所示

|系列|日期| 1 |日期| 2 |日期| 3 | |a | 2 | 3 |
|b | 4 | 6 |
|c | 7 | 8 |

系列和日期都可以变化。也就是说,根据SQL查询中的各种条件,日期的数量可以不同&序列也可以不同

然后,我必须将此输出传递给google图表绘图代码

以下是我到目前为止尝试编写的代码

    $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>
$link=mysql\u connect(“localhost”、“user”、“pass”);
$dbcheck=mysql_select_db(“数据库”);
如果($dbcheck){
$chart_array_1[]=“我的日期”、“我的名字”、“发生次数”]”;
$result=mysql\u查询($sql);
如果(mysql_num_rows($result)>0){
while($row=mysql\u fetch\u assoc($result)){
$my_date=$row[“my_date”];
$my_ins=$row[“我的名字”];
$my_count=$row[“my_count”];
$chart_array_1[]=“[”、“$my_date.”、“$my_ins.”、“$my_count.”;
}
}
}
mysqli_close($link);
//加载可视化API和piechart包。
load('visualization','1',{'packages':['corechart']});
//将回调设置为在加载Google Visualization API时运行。
setOnLoadCallback(drawChart);
函数绘图图(){
//使用从服务器加载的JSON数据创建我们的数据表。
var data_1=google.visualization.arrayToDataTable([])
变量选项={
条:{groupWidth:“6%”,
趋势线:{
1: {
类型:'线性',
颜色:“绿色”,
线宽:3,
不透明度:0.3,
秀二:没错,
visibleInLegend:正确
}
},
图表区:{
左:70,
排名:61,
宽度:'95%',
身高:'70%'
},
curveType:'函数',
//宽度:1600,
身高:400,
点数:4,
线宽:2,
visibleInLegend:false,
动词:{
//标题:“GC#”,
对数刻度:对,
titleTextStyle:{
颜色:“黑色”
}
},
哈克斯:{
标题:“时间线”,
titleTextStyle:{
粗体:错,
颜色:“黑色”
}
},
图例:{
位置:'顶部',
对齐:“中心”,
文本样式:{
颜色:“蓝色”
}
}
};
var chart_1=新的google.visualization.LineChart(document.getElementById('plot1');
图表1.绘制(数据1,选项);
}
我画不出这张图。我得到错误“轴#0的数据列不能是字符串×”类型”。有人能帮我吗


我希望看到a、b、c等作为单独的系列,每个系列的日期都指向X轴。请注意,am是在使用SQL查询动态生成数据之后生成的&而不是大多数示例演示的静态数组。有人能帮忙吗?

设法用另一种方式实现了这件事。因此,可以忽略此问题。

删除此问题或为我们提供解决方案。