flot jquery 是否可以绘制这种图表 [英] flot jquery is it possible to draw this kind of chart

问题描述

我曾经画过这种图表(一个纵轴，一个横轴):

I used to draw this kind of chart (one vertical axis, one horizantal axis):

现在我被要求做这样的图表:

Now i have been asked to do this kind of chart:

如您所见，它包含的有序图表的问题(两个垂直轴，一个水平轴).

as you see, the problem with the ordered chart that it contains (two vertical axis, one horizantal axis).

flot 或任何其他 jquery 库能做到这一点吗?

does flot or any other jquery library able to do that please?

推荐答案

请参阅 多轴.最小示例:

$.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"
        } ],
});

在每个系列对象中混合设置一个条形图和折线图:

Two mix a bar and line chart set that in each's series object:

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

将这些放在一起，这是一个示例:

Putting these together, here's an example:

这篇关于flot jquery 是否可以绘制这种图表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！