使用Flot API绘制多个条形图 [英] Plotting Multiple barcharts using Flot API

查看:73
本文介绍了使用Flot API绘制多个条形图的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用FLOT图表API在我的应用程序中以条形图的形式显示数据.我必须要在条形图以及带有前数据"和后数据"的类别中显示数据,如下图所示

hi i am using FLOT charts API to show data in the form of bar charts in my application. I have got requirement to show the data in bar chart and in categories with Pre Data and Post data some thing as shown in the picture like this

请告诉我如何获取数据以绘制条形图

Please tell me how to take the data to plot the bar chart

推荐答案

为此您需要一个插件.

检查 OrderBars 并然后使用如下数据:

Check OrderBars and then use data like:

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文件).

Example: http://jsfiddle.net/ZRXP5/
My example uses Mootools, but you find the jQuery version (.js file) in the link above.

这篇关于使用Flot API绘制多个条形图的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆