在Google图表上的hAxis之间删除空白

问题描述

我有一个“垂直”材料设计的条形图，该条形图接收如下值：

[1,10],[580,12],[10000,1]

因此它以如下方式呈现xAxis：

我有什么方法可以删除hAxis的空值，而只保留具有值的数字（即5000、10000和较小的数字）。

解决方法

尝试在x轴上使用字符串值，而不是数字...

['1',10],['580',12],['10000',1]

请参阅以下工作摘要...

google.charts.load('current',{
  packages:['bar']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['1',1]
  ],true);

  var options = {
    bars: 'vertical',chart: {
      title: 'Number of payments by amount',},hAxis: {
      title: 'Amount'
    }
  };

  var chart = new google.charts.Bar(document.getElementById('chart'));
  chart.draw(data,google.charts.Bar.convertOptions(options));
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>