谷歌可视化线图删除水平网格线

Mar*_*ark 23 javascript google-visualization

如何删除Google可视化折线图中的水平网格线?我已经尝试过设置了

minorGridlines: {count: 0 }, gridlines: {count: 0 } 
Run Code Online (Sandbox Code Playgroud)

在hAxis和vAxis上.

这是我的图表的一个方面.

http://jsfiddle.net/martlark/2XBhc/

在此输入图像描述

asg*_*ant 71

vAxis.gridlines.color选项设置为"透明"以使它们消失:

vAxis: {
    gridlines: {
        color: 'transparent'
    }
}
Run Code Online (Sandbox Code Playgroud)

当IE <9中显示时,这对图表不起作用(因为这些版本使用VML而不是SVG,并且图表不支持VML中的透明度).在这种情况下,您需要设置网格线颜色以匹配图表的背景颜色.

  • 仍然有中间线! (2认同)

sed*_*dhu 9

将网格线颜色设置为无

 gridlines: {
                color: 'none'
            }
Run Code Online (Sandbox Code Playgroud)

这也行