flot 2nd yaxis 线绘制不正确

Question

我无法正确显示第二个 y 轴线图。正如您所看到的，当我期望每个时间点只有一条线上下移动时，我最终得到的是到处都是线。谁能指出我的错误？

var options = {
    xaxis: {
        mode: "time",
        twelveHourClock: true,
        timezone: "browser"
    },
    yaxes: [
        //yaxis 1
        {
            position: "left",
            clolor: "black",
            axisLabel: "Count",
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 12,
            axisLabelFontFamily: 'Verdana, Arial'
        }, {
            position: "right",
            clolor: "black",
            axisLabel: "Process Time (ms)",
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 12,
            axisLabelFontFamily: 'Verdana, Arial'
        }
    ],
    colors: ["rgb(87, 136, 156)"],
    grid: {
        hoverable: true,
        clickable: true,
        borderWidth: 0,
        borderColor: "#efefef"
    },
    selection: {
        mode: "x"
    }
};

plot = $.plot($("#updating-chart"), 
              [{ data: data1, label: "Total", bars: { show: true, barWidth: 30 * 60000 } }, 
               { data: data2, label: "Process Time", yaxis: 2, lines: { show: true }, color: "#FF0000" }],             options);

Answer 1

只对data2排序

data2.sort(function(a, b) { return a[0] - b[0]; });

Fiddle - http://jsfiddle.net/vw5kjutg/

flot 2nd yaxis 线绘制不正确

flot 2nd yaxis line not drawing correctly

javascript

jquery

flot