Javascript 在谷歌图表中,当一个值为零时,如何显示一个小条?

Javascript 在谷歌图表中,当一个值为零时,如何显示一个小条?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我有时会用数值都为零的数列。当我应用一个柱形图时,该图是空的,并没有显示实际上有零值 即使值为零,如何显示条形图 我尝试了以下选项: { type: options.type, cssStyle: options.cssStyle, data: {}, options: { chartArea:{width:'80%'}, pointsVisible: true,

我有时会用数值都为零的数列。当我应用一个柱形图时,该图是空的,并没有显示实际上有零值

即使值为零,如何显示条形图

我尝试了以下选项:

{
     type: options.type,
     cssStyle: options.cssStyle,
     data: {},
     options: {
                chartArea:{width:'80%'},
                pointsVisible: true,
                lineWidth: 4,
                curveType: "none",
                fontName: "Open Sans",
                fontSize: 10,
                colors: options.colors,
                isStacked: "false",
                fill: 10,
                displayExactValues: true,
                vAxis: {viewWindowMode:'explicit', minValue: -1, viewWindow: {min:0}, gridlines: {"color": "#f2f2f2", "count": 2}, baselineColor: "#f2f2f2", textStyle: options.textStyle},
                hAxis: {gridlines: {"color": "#f2f2f2"}, baselineColor: "#f2f2f2", textStyle: options.textStyle},
                legend: {position: 'bottom', alignment: 'center', textStyle: options.textStyle},
}

仅当值不等于零时才会显示条形图

但是,使用对象表示法,我们可以提供值(
v:
)和格式化值(
f:

使用以下命令,将显示该条,但悬停时,工具提示显示的值为零

{v: 0.1, f: '0'}
请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
var data=google.visualization.arrayToDataTable([
['x','y'],
['A',{v:0.1,f:'0'}],
[B',2],
[C',3],
[D',4]
]);
google.visualization.events.addListener(图表'ready',函数(){
chart.setSelection([{行:0,列:1}]);
});
图表绘制(数据、{
工具提示:{
触发器:“两个”
}
});
});

在代码中,测试零值并将其转换为.1或适合您的刻度的任何值

function vAxisTest (vAxis) {
   let scale = .1; //
   if(vAxis === 0) { 
       vAxis = scale;
       return scale;
   }
  else { return vAxis; }
}

这个问题运气好吗?