使用Flot API绘制多个条形图

时间:2014-01-18 20:29:03

标签: flot bar-chart

您好我正在使用FLOT图表API在我的应用程序中以条形图的形式显示数据。我要求在条形图和类别中显示数据与Pre Data和Post数据有关,如图所示

示例图

Sample Chart to plot

请告诉我如何拍摄数据以绘制条形图

1 个答案:

答案 0 :(得分:6)

你需要一个插件。

检查OrderBars,然后使用以下数据:

var series = [];

series.push({
    data: [], // your raw data
    bars: {
        order: 0
    }
});

series.push({
    data: [], // your raw data
    bars: {
        order: 1
    }
});

示例:http://jsfiddle.net/ZRXP5/
我的示例使用Mootools,但您在上面的链接中找到了jQuery版本(.js文件)。