如何在flot中为条形图赋予纯色

Question

我需要给条形图添加纯色... 我已经关注了这个链接 Bar chart Example

但是我想给纯色，而且我需要自己改变颜色......怎么做......

Answer 1

首先，阅读API.txt，它回答了你所有的问题。这时你需要做两件事。当你指定你想要条形时，设置fill: 1，它告诉flot 使颜色100% 不透明。要为每个系列指定颜色，只需将color:'red' 添加到每个数据对象即可。

所以你最终会得到一个像这样的数据对象：

var data = [
    {label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,300], [5,300]]},
    {label: 'bar', color:'blue', data: [[1,800], [2,600], [3,400], [4,200], [5,0]]},
    {label: 'baz', color:'yellow', data: [[1,100], [2,200], [3,300], [4,400], [5,500]]},
];

还有这样的浮动选项：

{
    series: {
        stack: 1,
        bars: {
            show: true,
            barWidth: 0.6,
            fill:1
        }
    }
}

在此处查看实际操作：http://jsfiddle.net/ryleyb/kKdxt/