使用 Jquery.Flot 或类似工具绘制此图

发布于 2024-12-02 14:02:41 字数 253 浏览 1 评论 0原文

我正在尝试用 Flot 绘制这张图表。从 0 到 10 有一条平坦的线（y=1）。并指向 x=2、x=3、x=7 也都位于 y=1。

________O____O_______________O_____________

0   1   2    3   4   5   6   7   8   9   10

我也对除 Flot 之外的任何其他东西持开放态度，如果有一个清晰的示例如何做我想做的事情，我几乎可以复制/粘贴。

原文

I'm trying to draw this chart with Flot. There's a flat line from 0 to 10 (at y=1). and points at x=2, x=3, x=7 all also at y=1.

________O____O_______________O_____________

0   1   2    3   4   5   6   7   8   9   10

I'm also open to anything else other than Flot, if there's a clear example how to do what I'm trying to do, that I can almost copy/paste.

分享到QQ

分享到微博

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

发布评论

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

无声静候 2024-12-09 14:02:41

使用 flot 非常简单：

<div id="placeholder" style="width:600px;height:300px;"></div>
<script type="text/javascript">
$(function () {

    var someLine = [[0, 1], [10, 1]];
    var somePoints = [[2,1],[3,1],[7,1]];

    $.plot($("#placeholder"),[
    {
        data: someLine,
        lines: { show: true}
    },
    {
        data: somePoints,
        points: { show: true}
    }
    ]);
});
</script>

在此处输入图像描述

Pretty easy using flot:

<div id="placeholder" style="width:600px;height:300px;"></div>
<script type="text/javascript">
$(function () {

    var someLine = [[0, 1], [10, 1]];
    var somePoints = [[2,1],[3,1],[7,1]];

    $.plot($("#placeholder"),[
    {
        data: someLine,
        lines: { show: true}
    },
    {
        data: somePoints,
        points: { show: true}
    }
    ]);
});
</script>

enter image description here

回复收藏 0 原文

~没有更多了~