如何刪除Google Column Chart中的水平網格線？

如何刪除我的谷歌柱形圖中的水平網格線？我嘗試了一些解決方案，但仍不能刪除它。謝謝。如何刪除Google Column Chart中的水平網格線？

function drawVisualization() { 
    // Create and populate the data table. 
    var data = google.visualization.arrayToDataTable([ 
     ['Year', 'Austria', 'Belgium', 'Czech Republic', 'Finland', 'France', 'Germany'], 
     ['2003', 1336060, 3817614,  974066,  1104797, 6651824, 15727003], 
     ['2004', 1538156, 3968305,  928875,  1151983, 5940129, 17356071], 
     ['2005', 1576579, 4063225,  1063414,  1156441, 5714009, 16716049], 
     ['2006', 1600652, 4604684,  940478,  1167979, 6190532, 18542843], 
     ['2007', 1968113, 4013653,  1037079,  1207029, 6420270, 19564053], 
     ['2008', 1901067, 6792087,  1037327,  1284795, 6240921, 19830493] 
    ]); 

    // Create and draw the visualization. 
    new google.visualization.ColumnChart(document.getElementById('visualization')). 
    draw(
     data, 
     { 
      title:"Yearly Coffee Consumption by Country", 
      width:600, height:400, 
      hAxis: {title: "Years", minorGridlines: { color: 'red' } } 
     } 
    ); 
}

來源

2013-10-28 marknt15

水平網格線由vAxis.gridlines選項控制。設置vAxis.gridlines.color選項設置爲「透明」，使他們消失：

vAxis: { 
    gridlines: { 
     color: 'transparent' 
    } 
}

來源

2013-10-28 05:54:22 asgallant

感謝asgallant。有效。但我不明白爲什麼應該使用vAxis選項來使其透明。前段時間我一直使用hAxis選項，但沒有奏效。 – marknt15

API將水平網格線與vAxis標籤相鏈接（每個標籤都有一個主要網格線，以及它的設置方式，您實際設置網格線計數以確定您將獲得多少個標籤）。另外，大多數圖表中都可以有兩個y軸，每個圖都有自己的一組網格線，您可能需要單獨控制這些網格線，因此有必要將控件置於vAxis選項下。 – asgallant

你是個天才，先生！ – skplunkerin

別的東西值得嘗試圖表選項（如果你不想在那裏所有行）：

var options = { 
    ... 
    vAxis : { 
     gridlines : { 
      count : 0 
     } 
    } 
};

來源

2017-05-27 11:16:33

如何刪除Google Column Chart中的水平網格線？

回答

相關問題