当前位置：文江博客话题详情

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

发布于 2025-01-01 02:31:58 字数 201 浏览 0 评论 0原文

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

Bar Graph

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

戏剧牡丹亭 2025-01-08 02:31:58

将阈值插件与当前的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" }]
        }
});

Producs (fiddle 此处< /a>):

在此处输入图像描述

Seems there was some issues with using the threshold plugin with the current flot release version. If you just want to mark a threshold, it might be easier to use the grid markings option:

$.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" }]
        }
});

Produces (fiddle here):

enter image description here

回复收藏 0 原文

~没有更多了~