google-visualization - 将水平参考线添加到 Google 图表的 LineChart

Question

我正在使用Google 可视化的 LineChart来显示一些数据（它有效）。

该图表显示了性能测试结果，这些结果不应超过某个值（例如，响应时间不应超过 20 毫秒）。Si 我想绘制那个最大值（我猜是一条水平线），而不必添加新的（虚拟）数据系列。

那可能吗？

非常感谢，

阿尔班

Answer 1

不，您不能在不添加另一系列数据的情况下添加另一行，但您不必手动添加它 - DataView 足以为您计算它：

var maxResponseTime = 20;
var view = new google.visualization.DataView(data);
view.setColumns([0, 1[, 2, 3, 4.... /* specify all of your existing columns here */, {
    type: 'number',
    calc: function () {
        return maxResponseTime;
    }
}]);

var chart = new google.visualization.LineChart(...);
chart.draw(view, {
    // options
    series: {
        // "n" should be the series index of the max line
        // typically this is column index - 1,
        // so if you have one domain column, one data series
        // and the max line, it would be:
        1: {
            visibleInLegend: false, // set this if you don't want it in the legend
            enableInteractivity: false // set this if you don't want the line to spawn tooltips
        }
    }
});