如何在谷歌图表中同时显示水平和垂直网格线

google.setOnLoadCallback(drawChart); 

    function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Year', 'Sales', 'Expenses'], 
      ['2004', 1000, 400], 
      ['2005', 1170, 460], 
      ['2006', 660, 1120], 
      ['2007', 1030, 540] 
     ]); 

     var options = { 
      title: 'Company Performance', 
     }; 

     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 

     chart.draw(data, options); 
    }

此代码只显示水平网格线，我还想显示垂直线条。如何在谷歌图表中同时显示水平和垂直网格线

来源

2014-09-26 Developer SuRu

我认为你需要努力处理你的谷歌搜索技巧。

结账vAxis.gridlines和hAxis.gridlines上this page。

vAxis.gridlines是一个对象，其成员可以在纵轴上配置网格线。要指定此对象的属性，可以使用对象的文字符号，如下所示：

{color: '#333', count: 4}

所以，只要提到在你的选择的垂直网格线以下：

vAxis.gridlines: {color: '#333', count: 4}

编辑：看到这些例子：
http://jsfiddle.net/rdesai/R4DGp/2/
http://jsfiddle.net/8eCSW/1/

希望它有帮助。 :)

来源

2014-09-26 04:17:36

请问您可以添加一个完整的例子。 – 2014-09-26 04:41:38

@DeveloperSuRu请参阅上面的修改。 – 2014-09-26 04:48:23

@DeveloperSuRu [This answer]（http://stackoverflow.com/a/14274651/586051）也可能对您有所帮助。 – 2014-09-26 04:52:52

如何在谷歌图表中同时显示水平和垂直网格线

回答

相关问题