Flot - 带有单独颜色和标签的条形图

时间:2012-08-06 11:29:43

标签: jquery flot bar-chart

我使用flot来显示简单的条形图。我有像[ [0,5], [1,6], [2,3], [4,1] ]这样的单一数据集,我正在使用这个简单的代码:

myChart = $.plot($('#graphFlot'), [{
        data: mdata,
        bars: { show: true, fill: 0.9 }
    }]
   );

现在我想为每个栏显示各种颜色和标签。 示例条形图here是它的外观。

我浏览了很多示例和文档,但仍然不知道如何设置它。这可能吗?

3 个答案:

答案 0 :(得分:2)

将每个栏放在自己的系列中,并为每个系列添加不同的标签。

答案 1 :(得分:1)

var mdata = [[0,5],[1,6],[2,3],[4,1]]; var bar_array = [];

$。each(mdata,function(i,bar){     bar_array.push({         数据:[bar],         bars:{show:true,fill:0.9}     }); });

myChart = $ .plot($('#graphFlot'),bar_array);

答案 2 :(得分:0)

据我所知,Flot或Flotr2中没有允许你这样做的设置。我设法通过更改呈现flotr2.js

中的条形图的代码来完成此操作