flot jquery是否有可能绘制这种图表

Question

我曾经绘制过这种图表（一个垂直轴，一个水平轴）：

现在我被要求做这种图表：

如您所见，它包含的有序图表存在问题（两个垂直轴，一个水平轴）。

我的问题

flot或任何其他jquery库能够做到吗？

Answer 1

请参阅multiple axis上的flot示例。最小的例子：

$.plot("#placeholder", [
    { data: d1 },
    { data: d2, yaxis: 2 } // set second series to use second axis
], {
    yaxes: [ { 
            min: 0 // options for first axis
        }, {
            alignTicksWithAxis: 1 // options for second axis, put it on right
            position: "right"
        } ],
});

两个混合每个系列对象中的条形图和折线图：

    $.plot("#placeholder", [{
        data: d1,
        lines: { show: true }
    }, {
        data: d2,
        bars: { show: true }
    }]);

将这些放在一起，这是一个example：