谷歌条形图Y轴定制

Question

我想删除y轴值，我只想要0和1一次，但有多个1＆＃39; s。

＆＃34;网格线：{count：2}，＆＃34;没有申请。对此有什么解决方案吗？

Answer 1

图表使用具有小数位的y轴的数字，
由于数字格式显然没有显示

需要查看代码，图表上使用的选项等，以了解原因

同样，在图表容器可见之前绘制图表会导致问题

但是，图片中的图表似乎是材料图表

不幸的是，您可以使用许多选项来纠正问题 材料图表不支持，包括......

{hAxis,vAxis,hAxes.*,vAxes.*}.gridlines.count

参见 - ＆gt; Tracking Issue for Material Chart Feature Parity

建议使用 Core 图表，使用以下选项...

theme: 'material'

使用ticks可以保证哪些标签出现......

vAxis: {
  ticks: [0, 1]
},

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

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

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Category', 'Count'],
    ['Customers Added', 1.4],
    ['Posts Created', null],
    ['Cash Transaction', null],
    ['Card Transaction', null],
    ['Buy Incomplete', null],
    ['Merchant SignUp', null]
  ]);

  var container = document.getElementById('chart_div');
  var chartCol = new google.visualization.ColumnChart(container);
  chartCol.draw(data, {
    vAxis: {
      ticks: [0, 1]
    },
    height: 400,
    theme: 'material',
    title: 'Agent Report'
  });
}

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

请注意：

材料 - ＆gt; google.charts.Bar - packages: ['bar']

核心 - ＆gt; google.visualization.ColumnChart - packages: ['corechart']