javascript - 删除 Google Charts API 中的所有网格线

标签 javascript charts google-visualization

我正在使用 Google Charts API 创建阶梯面积图,并且我想删除图表中的所有水平线。我已经查看了选项的所有文档,但没有看到任何删除它的方法。有没有什么方法可以欺骗 API 来删除它们,还是我只能坚持使用它们?我所说的线条如下图所示,只是为了消除可能的困惑。

enter image description here

最佳答案

您可以使用以下选项...

vAxis: {
  gridlines: {
    count: 0
  }
}

请参阅以下工作片段...

google.charts.load('current', {
  packages:['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Director (Year)',  'Rotten Tomatoes', 'IMDB'],
    ['Alfred Hitchcock (1935)', 8.4,         7.9],
    ['Ralph Thomas (1959)',     6.9,         6.5],
    ['Don Sharp (1978)',        6.5,         6.4],
    ['James Hawes (2008)',      4.4,         6.2]
  ]);

  var options = {
    isStacked: true,
    vAxis: {
      gridlines: {
        count: 0
      }
    }
  };

  var chart = new google.visualization.SteppedAreaChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

关于javascript - 删除 Google Charts API 中的所有网格线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51877475/

相关文章:

javascript - charts.js饼图中的千位分隔符

charts - 使用 Charts.js 在 HTML5 中创建图表

javascript - 当条件为真时,cancelAnimationFrame() 不起作用 - JS Canvas

javascript - 为什么在 jQuery 中必须使用 ".text(x)"而不是 ".text = x"?

javascript - 通过 jQuery 从对象填充 HTML 表单元素

ios - ios-charts组合图表:条形图经过图表的右轴

html - 将 CSS 边框分配给谷歌表格行

php - MySQL 到谷歌图表 PHP

charts - 如何防止 Google Charts 更改 x 轴顺序?

javascript - 将金额值添加到表单输入值