flot - 如何使用 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
        }
    }
});

有关工作示例，请参见此小提琴。