谷歌條形圖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']