Google visualization 谷歌图表轴线没有得到
目前我正在使用Google图表在我的.net web应用程序中显示报表。我正在使用Google组合图表、列图表。下面是我正在使用的示例代码Google visualization 谷歌图表轴线没有得到,google-visualization,Google Visualization,目前我正在使用Google图表在我的.net web应用程序中显示报表。我正在使用Google组合图表、列图表。下面是我正在使用的示例代码 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packa
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
// Some raw data (not necessarily accurate)
var data = google.visualization.arrayToDataTable([
['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
['2004/05', 165, 938, 522, 998, 450, 614.6],
['2005/06', 135, 1120, 599, 1268, 288, 682],
['2006/07', 157, 1167, 587, 807, 397, 623],
['2007/08', 139, 1110, 615, 968, 215, 609.4],
['2008/09', 136, 691, 629, 1026, 366, 569.6]
]);
var options = {
title : 'Monthly Coffee Production by Country',
vAxis: {title: 'Cups'},
hAxis: {title: 'Month'},
seriesType: 'bars',
series: {5: {type: 'line'}}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawVisualization);
函数drawVisualization(){
//一些原始数据(不一定准确)
var data=google.visualization.arrayToDataTable([
[‘月份’、‘玻利维亚’、‘厄瓜多尔’、‘马达加斯加’、‘巴布亚新几内亚’、‘卢旺达’、‘平均值’],
['2004/05', 165, 938, 522, 998, 450, 614.6],
['2005/06', 135, 1120, 599, 1268, 288, 682],
['2006/07', 157, 1167, 587, 807, 397, 623],
['2007/08', 139, 1110, 615, 968, 215, 609.4],
['2008/09', 136, 691, 629, 1026, 366, 569.6]
]);
变量选项={
标题:“各国每月咖啡产量”,
vAxis:{title:'Cups'},
哈克斯:{title:'Month'},
序列类型:“条”,
系列:{5:{type:'line'}}
};
var chart=new google.visualization.ComboChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
当我执行这段代码时,我得到的是水平网格线,但我希望有一条垂直网格线也从“0”位置开始。我希望垂直网格线如下面的URL(图像)所示。我如何使用谷歌可视化API实现它。您的帮助将得到感谢
我知道有两种可能的解决方案,但这两种解决方案都规定水平月份值是连续的-意味着它应该是以下其中一种的数据列类型:number、date、datetime或timeofday。您的是月份列的类型字符串 解决方案1-用于月份的数字值您可以使用日期并使用hAxis:“某些日期格式”对其进行格式设置,还可以使用基线:0
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawVisualization);
函数drawVisualization(){
//一些原始数据(不一定准确)
var data=google.visualization.arrayToDataTable([
[‘月份’、‘玻利维亚’、‘厄瓜多尔’、‘马达加斯加’、‘巴布亚新几内亚’、‘卢旺达’、‘平均值’],
[1, 165, 938, 522, 998, 450, 614.6],
[2, 135, 1120, 599, 1268, 288, 682],
[3, 157, 1167, 587, 807, 397, 623],
[4, 139, 1110, 615, 968, 215, 609.4],
[5, 136, 691, 629, 1026, 366, 569.6]
]);
变量选项={
标题:“各国每月咖啡产量”,
变量:{title:'Cups',网格线:{count:3}},
hAxis:{title:'Month',基线:0},
序列类型:“条”,
系列:{5:{type:'line'}}
};
var chart=new google.visualization.ComboChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
}
首先感谢您宝贵的回复。但上面的代码只是示例coe。我正在从SQL server检索数据。因为我可能会得到一月、二月、三月……等月份,或者我可能会在第一列中得到1、2、3年级的值。在这段代码中,我如何将垂直轴线添加到图表中。正如我所说,字符串值是不可能的。您需要提供例如数字值,然后可能需要使用一些格式。另一个解决方法是自己画垂直轴。你可以使用叠加画自己的垂直线!如果你给我举一个合适的例子,我可以找出解决方案,直到那个,我的答案是正确的!Thanx CodeBusta感谢您对宝贵答案的回复。在我的结果集的第一列中,字符串caolumn来自数据库,但我希望图表有一条垂直轴线。这里的代码和示例结果集我得到…var data=google.visualization.arrayToDataTable([[['Grade','a','a+','B','C','D','F']),[一级,88,96,77,63,55,28级,"二级,84,93,77,63,31级,"三级,81,97,74,64,22级,"四级,89,99,72,66,68;