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

Question

我正在尝试使用 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 之外，我也对其他任何东西持开放态度，如果有一个清晰的示例如何做我想做的事情，我几乎可以复制/粘贴。

Answer 1

使用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>