如何创建一条线以在条形图中显示阈值

Question

我正在使用flot来创建像

这样的条形图

我需要指定一个阈值，例如750（y轴）的线，以显示限制...... flot包中有一个jquery.flot.threshold.js文件，但我不知道如何在条形图上使用它。怎么做？

Answer 1

似乎some issues使用了当前flot版本的阈值插件。如果您只想标记阈值，则可能更容易使用网格标记选项：

$.plot($("#placeholder"), [ d1, d2, d3 ], {
    series: {
        stack: true,      
        bars: { show: true, barWidth: 0.6 }
    },
    grid: {
           markings: [ { xaxis: { from: 0, to: 12 }, yaxis: { from: 0, to: 20 }, color: "#6D7B8D" }]
        }
});

制作（小提琴here）：