绘制没有日期/时间的折线图

Question

你能不能请任何人帮助我，我试图创建flot折线图，比较两个值。 有没有时间可以创造？我到处搜索，我无法找到没有日期/时间的折线图。

var options = {
            series: {
                lines: {
                    show: true
                },
                points: {
                    show: true
                }
            },
            grid: {
                hoverable: true,
                clickable: true
            },
            xaxis: {
                mode: "time",
                timeformat: "%d/%m",
                tickSize: [1, "day"]
            },
            yaxis: {
                min: 0
            },
            legend: {
                show: false
            },
            selection: {
                mode: "x"
            }

        };

而不是时间或日期，我需要在x轴上显示我自己的数据，如'john'，'amit'，'gourav'。

请帮帮我。

Answer 1

您可以使用category mode（类别插件：example，example code）。

基本代码（结果见fiddle）：

var data = [ ['john', 13], ['amit', 17], ['gourav', 9] ];

$.plot('#div', [ data ], {
    series: {
        lines: {
            show: true
        },
        points: {
            show: true
        }
    },
    xaxis: {
        mode: 'categories'
    }
});