Question

对Flot不熟悉我有点挣扎。我的目标是现在一个包含不同数据元素的条形图，每个元素必须具有不同的颜色。我想提供每个数据元素的颜色。

有关如何做到这一点的任何提示？

示例：

[0,100][0,200][0,100][0,200]

值为100的所有元素应为蓝色，所有200的元素应为绿色。

一个不错的选择，

[0,100,blue][0,200,green][0,100,blue][0,200,green]

但是这个过程不起作用，这只是我想要实现的解释！在我的情况下，使用多个数据系列执行此操作似乎不起作用。

有关如何做到这一点的任何提示？

Answer 1

你可以用多个系列来做，因为这就是我做这样的事情：）

所以在你的情节方法中，你会有这样的东西：

$.plot($('#placeholder'), []); // The array would hold your data

您还可以进一步扩展这一点，以提供一些选项来flot告诉它使您的图表看起来像什么。为此，您可以在数组之后传递选项对象。

但是，我不太确定你需要什么，你的例子给了一些数字，但x坐标全是0，我不确定你是否只想要一个条形图？

无论如何，下面是代码，说明如何使用一条绿线和一条蓝线显示条形图：

var flotOptions = {
    series: {
        lines: { show: true, fill: false, lineWidth: 15 }
    }
},
var data = [{
    color: '#001EFF',
    data: [[0, 0], [0, 100]]
}, {
    color: '#00FF0E',
    data: [[5, 0], [5, 200]]
}];

$.plot($('#placeholder'), data, flotOptions);

我建议将其设置为在服务器端自动生成数据，然后您可以检入javascript，并根据每个color数组中的y值添加data系列。

我还为你创建了一个jsFiddle，所以你可以去看看并玩弄它。正如我所说，我不太确定你想要什么，但这对你来说是一个好的开始。祝你好运!!

使用每个数据元素的特定颜色绘制数据系列？

1 个答案: