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

How to give solid colors to bar charts in flot

本文关键字：条形图 纯色 flot      更新时间：2023-09-26

我需要为条形图提供纯色。。。我已关注此链接条形图示例

但我想给纯色，我也需要自己改变颜色。。。如何做到…

首先，阅读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]]},
];

flot选项如下：

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

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

相关文章：