删除 Google 图表上 hAxis 之间的空 space

Question

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

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

所以它像这样呈现 xAxis：

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

Answer 1

尝试为 x-axis 使用字符串值，而不是数字...

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

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

google.charts.load('current', {
  packages:['bar']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['1', 10],
    ['580', 12],
    ['10000', 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>

删除 Google 图表上 hAxis 之间的空 space

Remove empty space in between hAxis on Google Charts

javascript

charts

google-visualization

google-developer-tools

google-barchart