2013-08-04 2 views
19

Как удалить горизонтальные линии сетки в линейной диаграмме визуализации Google? Я уже пробовал установитьдиаграмма визуализации google удаляет горизонтальные линии сетки

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

как на hAxis, так и на vAxis.

Это jsfiddle моей диаграммы.

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

enter image description here

+0

что вы пробовали? –

+0

Добавлен разумный править, чтобы лучше объяснить мои попытки. – Martlark

ответ

55

Установите параметр vAxis.gridlines.color в "прозрачной", чтобы заставить их исчезнуть:

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

Это не работает для графиков при отображении в IE < 9 (как эти версии используют VML вместо SVG, а диаграмма не поддерживает прозрачность в VML). В этом случае вам необходимо установить цвет сетки в соответствии с цветом фона диаграммы.

+1

Все еще получил среднюю линию! – Martlark

+0

На вашей «поддельной» оси y вам необходимо также установить параметр «базовый цвет» в прозрачный. Кроме того, вы не должны использовать опцию vAxis при использовании опции vAxes, так как поведение взаимодействия между ними неизвестно - просто установите цвет сетки в каждом подпозиции оси vAxes, и все будет в порядке. Смотрите здесь: http://jsfiddle.net/asgallant/2XBhc/4/. – asgallant

6

Установить цвет линии сетки, чтобы никто

gridlines: { 
       color: 'none' 
      } 

Это также будет работать

Смежные вопросы