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

【问题标题】：Flot - bar chart with individual colors and labelsFlot - 带有单独颜色和标签的条形图
【发布时间】：2012-08-06 11:29:43
【问题描述】：

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

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

现在我想为每个条显示各种颜色和标签。示例条形图here 应该是这样的。

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

【问题讨论】：

【解决方案1】：

将每个条放在自己的系列中，并为每个系列赋予不同的标签。

【讨论】：

【解决方案2】：

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

$.each(mdata, function(i, bar) { bar_array.push({ 数据：[条]，酒吧：{显示：真，填充：0.9} }); });

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

【讨论】：

【解决方案3】：

据我所知，Flot 或 Flotr2 中没有允许您执行此操作的设置。我设法通过更改在 flotr2.js 中呈现条形图的代码来完成此操作

【讨论】：