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

Question

我正在尝试构建一个 Google 图表来显示一些堆叠的正常运行时间和停机时间百分比。这很好用，除了一件小事——我希望图表的基线为 99.8，最大值为 100——因为停机时间通常小于 .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 上的最小值。根据 API，这似乎是预期的行为，但这留下了问题 - 我将如何完成此操作？我什至对数据进行了转换——即从所有正常运行时间值中减去 99.8，让图表从 0 变为 .2，这会生成一个看起来不错的图表，但我无法应用垂直轴上的标签会说 99.8、99.85、99.9 等等 - 轴非常尽职地表示底部为 0，顶部为 .2，而且似乎也没有办法将其固定在这个方向上。任何一种解决方案都是可以接受的，我确定有一些方法可以使这项工作成功？

Answer 1

你需要像这样设置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 进行了编辑