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

Question

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

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

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

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

score 2 · Accepted Answer

2

将每个条放在自己的系列中，并给每个系列一个不同的标签。

于 2012-08-06T11:45:47.373 回答

score 1 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

3 回答 3