Javascript 如何在flot中为条形图提供纯色

Javascript 如何在flot中为条形图提供纯色,javascript,flot,bar-chart,Javascript,Flot,Bar Chart,我需要给条形图加纯色。。。 我跟踪了这个链接 但我想给纯色,我也需要自己改变颜色。。。如何做…首先,阅读,它回答了你所有的问题。那么你需要做两件事。当您指定要使用条形图时,请设置fill:1,这会告诉flot将颜色设置为100%不透明。要为每个系列指定颜色,只需向每个数据对象添加一个颜色:'red' 因此,您将得到如下数据对象: var data = [ {label: 'foo', color:'red', data: [[1,300], [2,300], [3,300], [4,3

我需要给条形图加纯色。。。 我跟踪了这个链接

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

首先,阅读,它回答了你所有的问题。那么你需要做两件事。当您指定要使用条形图时,请设置
fill:1
,这会告诉flot将颜色设置为100%不透明。要为每个系列指定颜色,只需向每个数据对象添加一个
颜色:'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
        }
    }
}
还有像这样的flot选项:

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
        }
    }
}

请参见此处的操作:

fill:1
中,1表示不透明度100%。可以指定小于1的其他值以获得不同程度的不透明度。如果设置
fill:true
则默认不透明度约为50%。如果我使用的是xaxis模式时间,该怎么办