Как отобразить горизонтальные и вертикальные линии сетки в google графике

Question

Как отобразить горизонтальные и вертикальные линии сетки в google графике

  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);

  }

Этот код показывает только горизонтальную линию сетки, я хочу также показать вертикальные линии.

640 1

javascript html5 google-visualization

1 ответ:

Comments

Ничего не найдено.

Rahul Desai · Accepted Answer · 2014-09-26 07:48:00

Я думаю, вам нужно поработать над своими навыками гуглирования.

Оформить заказ vAxis.gridlines и hAxis.gridlines наэтой странице .

vAxis.gridlines представляет собой объект с элементами для настройки линий сетки на вертикальной оси. Для указания свойств этого объекта можно использовать объектную литеральную нотацию, как показано здесь:
 {color: '#333', count: 4}
Итак, просто упомяните следующее в ваших опциях для вертикальных линий сетки:
vAxis.gridlines: {color: '#333', count: 4}
EDIT : Видеть это examples:
http://jsfiddle.net/rdesai/R4DGp/2/
http://jsfiddle.net/8eCSW/1/
Надеюсь, это поможет. :)