在Google Charts API中设置硬最小轴值

我试图build立一个谷歌图表来显示一些正常运行时间和停机时间百分比,堆积。 除了一件小事外,这个工作很好 – 我希望图表的底线为99.8,最大为100,因为停机时间通常小于0.2,这将使图表可读。

这对我来说似乎很简单。 我认为这将工作:

var data = new google.visualization.DataTable(); data.addColumn('string', 'Date'); data.addColumn('number', 'Uptime'); data.addColumn('number', 'Downtime'); data.addRows([ ['Dec 1, 1830', 99.875, 0.125], ['Dec 8, 1830', 99.675, 0.325], ['Dec 15, 1830', 99.975, 0.025], ['Dec 22, 1830', 100.0, 0.0] ]); var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: "Percentage Uptime", minValue: 99.8, maxValue: 100}}); 

不幸的是,图表完全无视vAxis上的minValue。 根据API,这似乎是预期的行为,但是这留下了问题 – 我将如何实现这一目标? 我甚至进行了数据转换 – 也就是从所有正常运行时间值中减去99.8,并且使图表从0到0.2,并且吐出一张看上去没问题的图表,但是我无法应用标记为垂直轴,可以说是99.8,99.85,99.9,无论如何 – 这个轴在底部表示的相当有效,0表示顶部,而且似乎也没有办法修复这个方向。 两种解决scheme都可以接受,我相信有一些方法可以使这项工作成为可能?

你需要像这样设置viewWindow:

 var data = new google.visualization.DataTable(); data.addColumn('string', 'Date'); data.addColumn('number', 'Uptime'); data.addColumn('number', 'Downtime'); data.addRows([ ['Dec 1, 1830', 99.875, 0.125], ['Dec 8, 1830', 99.675, 0.325], ['Dec 15, 1830', 99.975, 0.025], ['Dec 22, 1830', 100.0, 0.0] ]); var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: "Percentage Uptime", viewWindowMode:'explicit', viewWindow:{ max:100, min:99.8 } } } ); 

//编辑更新版本的api

我有一个类似的问题,必须指定属性为“min”而不是“minValue”

 vAxis: { viewWindowMode:'explicit', viewWindow: { max:100, min:99.8 } }