Отображение этого с помощью Jquery.Flot или аналогичного

Question

Я пытаюсь нарисовать этот график с помощью Флота. Там есть плоская линия от 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>