谷歌图表仅在vaxis上显示整数,以零,等间距,非重复数据点开头

时间:2017-02-10 19:33:37

标签: charts google-visualization

我正在使用谷歌图表:

我必须在vaxis上仅显示以零,等间距,非重复数据点开头的整数。

我试过了

vAxis: {          
        gridlines: {
            count: -1 
        },
        viewWindow: {
            min: 0
        }, 
        format: '#'
    },

但在vaxis上获得-1,0,1个数据点。

1 个答案:

答案 0 :(得分:1)

使用选项 - > vAxis.ticks - 显示特定的轴标签

请参阅以下工作代码段...

google.charts.load('current', {
  callback: drawChart,
  packages: ['corechart']
});

function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');

  var ticksY = [];
  for (var i = 0; i <= 20; i++) {
    data.addRow([i, i]);
    ticksY.push(i);
  }

  var options = {
    legend: 'none',
    vAxis: {
      ticks: ticksY
    },
    height: 600
  };

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