Jquery flot阈值与多个系列

时间:2012-10-12 15:03:24

标签: jquery flot

我试图在一个图表上创建两个系列的flot折线图并使用阈值选项。 我知道如何在我只有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)" } ..但它没有用,而且我想在阈值中设置更多的那种颜色,所以它会是多个系列有多种颜色级别。
你知道怎么解决这个问题吗?谢谢。

1 个答案:

答案 0 :(得分:3)

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

现在,你有这样的数据:

[lang,reg]

您需要的是:

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

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