Charts 谷歌图表多行动态图表
我对PHP编码还不熟悉&有一些谷歌图表可以使用。到目前为止,我生成的所有这些图表都是基于(日期、事件发生次数)类型的图表。我正在尝试绘制一个google图表,其数据是SQL查询的输出 SQL查询的输出如下所示 |系列|日期| 1 |日期| 2 |日期| 3 | |a | 2 | 3 |Charts 谷歌图表多行动态图表,charts,Charts,我对PHP编码还不熟悉&有一些谷歌图表可以使用。到目前为止,我生成的所有这些图表都是基于(日期、事件发生次数)类型的图表。我正在尝试绘制一个google图表,其数据是SQL查询的输出 SQL查询的输出如下所示 |系列|日期| 1 |日期| 2 |日期| 3 | |a | 2 | 3 | |b | 4 | 6 | |c | 7 | 8 | 系列和日期都可以变化。也就是说,根据SQL查询中的各种条件,日期的数量可以不同&序列也可以不同 然后,我必须将此输出传递给google图表绘图代码 以下是我到目
|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查询动态生成数据之后生成的&而不是大多数示例演示的静态数组。有人能帮忙吗?设法用另一种方式实现了这件事。因此,可以忽略此问题。删除此问题或为我们提供解决方案。