具有多个系列的 Jquery flot 阈值

Question

我正在尝试创建一张图表上有两个系列并带有阈值选项的浮线图。我知道当我只有 1 个系列时如何启用阈值(就像这里 http://people.iola.dk/olau/flot/examples/thresholding.html )。

问题是我无法在多个系列中做到这一点。我的代码:

   var options = {
                grid: {
                    hoverable: true,
                    borderWidth: 1,
                },
                yaxis: {
                    min: 0,
                    max: 100
                },
                xaxis: {
                    mode: "time",
                    timeformat: "%y-%m-%d",
                },
                colors: ["rgb(44,55,66)","rgb(90,2,100)"]

            };
            $.plot($('#chart' + i),[lang,reg], options);

lang和reg是我的系列。我尝试将阈值选项放在 options
中，例如 threshold: { below: 90, color: "rgb(200, 20, 30)"} ..但是它不起作用，而且我想在阈值中设置不止一种颜色，这样它将是具有多个颜色级别的多个系列。
你知道如何解决吗？谢谢。

Answer 1

您需要做的是将系列从数组更改为对象。

现在，您的数据如下:

[lang,reg]

您需要的是:

[{
  data:lang,
  threshold: ...
}],
[{
  data:reg,
  threshold: ...
}]

您可以在此处查看其外观示例:http://jsfiddle.net/ryleyb/WXrJX/