谷歌API折线图
Google API Line Graph
我这里有一个线形图,由于某些原因,没有画出理想的线。实际的线是画的线,但理想的不是
echo "<script>";
echo "google.load('"visualization'", '"1'", {packages:['"corechart'"]});";
echo "google.setOnLoadCallback(drawChart);";
echo "function drawChart() { ";
echo "var data = google.visualization.arrayToDataTable([
['id ','Ideal', 'Actual'],";
$number = 0;
$numbers = 1;
echo "[0,$sum,$sum2],";
下面是断行的代码(如果我的值是空值,它就会划清界限)
while($row = mysql_fetch_array($query))
{
$Ideal = $row['UserStoryPoints'];
$Actual = $row['WorkRemain'];
echo "[$numbers, null ,$Actual],";
$numbers++;
}
echo "[$numbers,0,,],";
echo "]);";
echo "var options = {
pointSize: 5,
title: 'Burn down chart - $test',
hAxis: {
minValue: $numbers,
format:'0',
title: 'Each Day',
},
vAxis: {
format:'0',
title: 'Number of hours',
},
};";
echo "var chart = new google.visualization.LineChart(document.getElementById('chart_div'));";
echo "chart.draw(data, options);";
echo "}
</script>";
对不起,这个答案太简单了吗?
echo "[$numbers, $Ideal ,$Actual],";
相关文章:
- 用与线条相同的颜色填充多折线图上的点
- 跟踪jqplot垂直折线图的鼠标位置
- Morris.js折线图x轴标签在调整大小后消失
- Chart.js V2折线图缺点
- 将直流图表库中的折线图缩放限制为小时
- 如何用d3.js绘制折线图
- 部分填充区域的折线图
- 将时间缩放添加到折线图(Chart.js)
- Chart.js折线图的0线型
- d3绘制动画折线图的基本示例
- Javascript FLOT组合条形图;以x轴为字符串的折线图
- 如何在折线图中显示最近的值
- charts js更改折线图轴的字体大小/颜色和背景线
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- D3折线图鼠标悬停坐标效果
- 以角度nvd3折线图显示当前时间
- 具有任意多条线的D3折线图(以及特定的数据格式)
- 如何在Google Visualization API中格式化折线图上的水平轴标签
- 在Google折线图API中使用字符串作为标签
- 谷歌API折线图