如何在谷歌图表中显示水平和垂直网格线

How to display both horizontal and vertical grid lines in google chart

本文关键字：水平 显示 垂直 网格线 谷歌      更新时间：2023-09-26
  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);
  }

这段代码只显示水平网格线，我也想显示垂直线。

检查这些文档中的vAxis.gridlines和hAxis.gridlines。

vAxis.gridlines 是一个对象，具有用于在垂直轴上配置网格线的属性。若要指定此对象的属性，可以使用对象文本表示法，如下所示：

 {color: '#333', count: 4}

您可以在垂直网格线的选项中使用以下选项：

vAxis.gridlines: {color: '#333', count: 4}

编辑：请参阅以下示例：

http://jsfiddle.net/rdesai/R4DGp/2/http://jsfiddle.net/8eCSW/1/

希望对您有所帮助。 :)

相关文章：