谷歌条形图Y轴定制

Question

我想删除Y轴值，我只想要0和1一次，但有多个1。

“网格线：{count：2}”不适用。有没有解决方案？

Answer 1

图表是使用数字为y轴具有小数位，这显然是由于未示出的数字格式

需要看到代码，选项一起使用上图表等明白为什么

也，绘制图表它的容器之前是可见的可能会导致问题

然而，图表形象似乎是一个材料图表

不幸的是，很多你可以用它来纠正
不受材料图表，包括支持问题的选项...

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

看 - >Tracking Issue for Material Chart Feature Parity

---

推荐使用核心图代替，用下面的选项...

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>

---

注：

材料 - >google.charts.Bar - packages: ['bar']

核心 - >google.visualization.ColumnChart - packages: ['corechart']