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

标签 javascript cordova flot

我正在使用 flot 创建条形图,例如

Bar Graph

我需要指定一个阈值,例如 750(y 轴)处的线,以显示限制... flot包中有一个jquery.flot.threshold.js文件,但我不知道如何在条形图上使用它。如何做到这一点?

最佳答案

似乎有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" }]
        }
});

产生( fiddle here ):

enter image description here

关于javascript - 如何创建一条线以在条形图中显示阈值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9092263/

相关文章:

ios - 在 Phonegap 生成的应用商店中部署 .ipa 文件?

android - 当用户点击推送通知时是否可以执行特定任务?

jquery - 用flot绘制时间序列数据并忽略大的时间 block

javascript - 我如何通过 ReactJS 中的对象进行映射?

javascript - 无法读取 Angular Controller 内未定义的属性 'indexOf'

cordova - 我应该如何在 Microsoft Visual Studio Team Service 构建上自动增加 cordova 应用程序版本和 android 版本代码

jquery - Flot:默认缩放到最右边

jquery - y 轴标签放置在流程图上,JQuery

javascript - 随机背景颜色脚本仅更改三个标签之一的背景颜色

javascript - 如何按顺序打开 Div