2013-10-28 15 views
8

Googleの縦棒グラフで水平グリッド線を削除するにはどうすればよいですか? 私はいくつかのソリューションを試しましたが、それでもそれを削除することはできません。ありがとう。Googleの縦棒グラフで水平グリッド線を削除するにはどうすればよいですか?

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' } } 
     } 
    ); 
}​ 

答えて

14

水平グリッド線は、vAxis.gridlinesオプションで制御します。 vAxis.gridlines.colorオプション彼らが消えるようにする「透明」に設定します。

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

ありがとうございます。出来た。しかし、なぜvAxisオプションを使用して透過的にするべきなのか分かりません。しばらく前にhAxisオプションを使用し続けますが、動作しませんでした。 – marknt15

+3

APIは、水平グリッド線とvAxisラベルをリンクします(すべてのラベルには大きなグリッド線があり、設定方法は実際に取得するラベルの数を決定するためにグリッド線の数を設定します)。また、ほとんどのチャートでは2つのy軸を持つことができ、それぞれ別々のコントロールが必要なグリッド線のセットがあるため、vAxisオプションの下にコントロールを置く必要があります。 – asgallant

+0

あなたは天才です、サー! – skplunkerin

1

チャートオプションについては試してみる価値が何か他のもの(あなたがそこにすべての行をしたくない場合):

var options = { 
    ... 
    vAxis : { 
     gridlines : { 
      count : 0 
     } 
    } 
}; 
関連する問題