2013-08-04 4 views
19

Wie entferne ich die horizontalen Rasterlinien in einem Google-Visualisierung Liniendiagramm? Ich habe bereits versucht,Google Visualisierung Liniendiagramm entfernen horizontale Rasterlinien

minorGridlines: {count: 0 }, gridlines: {count: 0 } 

sowohl hAxis und vAxis Einstellung.

Hier ist eine Tabelle meiner Grafik.

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

enter image description here

+0

arbeiten, was Sie versucht haben? –

+0

Hinzugefügt sinnvolle Bearbeitung, um meine Versuche besser zu erklären. – Martlark

Antwort

55

Stellen Sie die vAxis.gridlines.color Option auf "transparent", damit sie verschwinden:

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

Dies funktioniert nicht für die Charts, wenn im IE angezeigt < 9 (als Diese Versionen verwenden VML anstelle von SVG, und die Diagramme unterstützen keine Transparenz in VML. In diesem Fall müssen Sie die Gitterlinienfarbe der Hintergrundfarbe des Diagramms anpassen.

+1

Immer noch die mittlere Linie! – Martlark

+0

Auf Ihrer "falschen" y-Achse müssen Sie die Option "baselineColor" ebenfalls auf transparent setzen. Außerdem sollten Sie die vAxis-Option nicht verwenden, wenn Sie die vAxes-Option verwenden, da das Verhalten der Interaktion zwischen den beiden unbekannt ist - legen Sie einfach die Rasterlinienfarbe in jeder vAxes-Achsen-Suboption fest, und Sie werden zufrieden sein. Siehe beide hier: http://jsfiddle.net/asgallant/2XBhc/4/. – asgallant

6

Set Gitterlinien Farbe keine

gridlines: { 
       color: 'none' 
      } 

Dies wird auch

Verwandte Themen