Javascript 谷歌图表网格线，颜色

我正在尝试创建一个包含一些组的条形图。每一列都是不同的东西，但其中一些属于同一组，我希望它们按行或其他方式分组。 另一件事，我希望能够有不同的颜色为不同的价值观。高数字会有绿色条，低数字会有红色条

然后，我想在折线图中画垂直网格线，如图所示

我尝试了

vAxis:{gridlines:{count:10}}

，但没有成功。我得到的只是水平网格线

有什么办法吗？或者是否有其他图表库可以做到这一点？

---

谢谢。

vAxis。网格线

显示为水平线

帮助识别y轴标签的放置位置

要获得垂直线，需要使用

hAxis.gridlines

但是，

hAxis.gridlines

仅在

换句话说，第一列或x轴的数据类型，
必须是

“日期”

，

“编号”

，等等。
--不是

“字符串”

更改x轴的数据类型将默认显示

hAxis.gridlines

，
但如果需要，您可以修改

---

至于颜色范围，您可以使用a来控制颜色

请参阅下面的工作代码段，

'style'

列是使用

数据视图添加的

颜色范围是根据使用的颜色数量动态构建的，
以及每个系列列的值范围

google.charts.load（'current'{
回调：函数（）{
var data=google.visualization.arrayToDataTable([
[X'，A'，B'，C']，
[1, 3, 7, 3],
[2, 1, 3, 5],
[3, 5, 8, 2],
[4, 4, 8, 4]
]);
var view=newgoogle.visualization.DataView（数据）；
var chart=new google.visualization.ColumnChart（document.getElementById（'chart_div'））；
var table=新的google.visualization.table（document.getElementById（'table_div'）；
变量选项={
图例：{
位置：“无”
}
};
变量颜色=[“红色”、“橙色”、“黄色”、“绿色”]；
buildChart（）；
window.addEventListener（'resize'，drawChart，false）；
函数绘图图（）{
图表绘制（视图、选项）；
表.绘制（视图）；
}
函数构建图（）{
var数据范围=[]；
var viewColumns=[0]；
$.each（新数组（data.getNumberOfColumns（））、函数（索引）{
如果（索引==0）{
返回；
}
push（data.getColumnRange（index））；
view columns.push（索引）；
viewColumns.push({
计算：函数（dt，行）{
var minValue=getRangeValue（0）；
var maxValue=getRangeValue（1）；
var groupValue=（maxValue-minValue）/colors.length；
对于（变量i=0；iif（dt.getValue（行，索引）回答真的很好！谢谢。有没有办法在组中没有固定大小的元素的情况下进行分组？就像我发送的图片一样。我想我可以去添加零值，但这是一些额外的输出格式。有没有办法在组上方添加“组标题”？基本上，“空”值会创建空白点-它不是连续的。这不是在我的例子中我想要的东西。注释选项在列上，而不是列组上。