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