如何使用Flot为低于或高于阈值的数据填充颜色？

Question

如何填充低于或高于阈值的颜色。当前阈值插件会更改颜色的线条，但是当线条使用flot折线图在画布上绘制时，我需要填充数据上的颜色（例如：下面：5或以上：5）。任何人都可以建议我。感谢

Answer 1

您是说您的填充颜色不会高于/低于某个阈值，或者您只想显示填充高于/低于某个阈值？如果它是前者，这对我来说只是通过在系列选项中将fill设置为true来实现：

$.plot("#placeholder", [{
    data: d1,
    threshold: {
        below: 5,
        color: "rgb(200, 20, 30)"
    }}], {
    series: {
        lines: {
            show: true,
            fill: true
        }
    }
});

有关工作示例，请参阅此fiddle。