如何在谷歌圖表中同時顯示水平和垂直網格線

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

如何在谷歌圖表中同時顯示水平和垂直網格線

回答

相關問題