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

Javascript 如何在谷歌图表中同时显示水平和垂直网格线,javascript,html,google-visualization,Javascript,Html,Google Visualization,此代码仅显示水平网格线,我还想显示垂直线。检查中的vAxis.gridlines和hAxis.gridlines vAxis.gridlines是一个具有属性的对象,用于在垂直轴上配置网格线。要指定此对象的属性,可以使用对象文字表示法,如下所示: google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([

此代码仅显示水平网格线,我还想显示垂直线。

检查中的
vAxis.gridlines
hAxis.gridlines

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

  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);
  }
您可以在垂直网格线的选项中使用以下选项:

 {color: '#333', count: 4}
编辑: 请参见以下示例:


希望有帮助。:)

请您添加一个完整的示例。@DeveloperSuRu可能对您也有帮助。如果我们使用折线图而不是corechart,它不会显示垂直grid@DeveloperSuRu我们在哪里使用corechart?你能不能把你的图表做一个小摆设,这样我就能更好地帮助你了。。帮我画这个图表的垂直线
vAxis.gridlines: {color: '#333', count: 4}