如何在flot图表中获得深色填充色?

时间:2014-03-25 14:18:01

标签: flot

您好我已经创建了具有多个值的折线图但是我没有得到填充颜色是黑暗的。有些不透明度正在应用我猜测。解决这个问题。  我的小提琴在这里http://jsfiddle.net/v4y9e/3/`

 

`

    var DataSet20 = [ 
                        [new Date("2014/02/25").getTime(), 50],
                        [new Date("2014/03/11").getTime(), 150 ],
                        [new Date("2014/03/15").getTime(), 75 ],
                        [new Date("2014/03/22").getTime(), 140] ];

                var DataSet21 = [ 
                        [new Date("2014/02/25").getTime(),70],
                        [new Date("2014/03/11").getTime(), 250],
                        [new Date("2014/03/15").getTime(), 150 ],
                        [new Date("2014/03/22").getTime(), 180] ];


                var DataSet22 = [ 
                        [new Date("2014/02/25").getTime(), 100],
                        [new Date("2014/03/11").getTime(), 350 ],
                        [new Date("2014/03/15").getTime(), 190 ],
                        [new Date("2014/03/22").getTime(), 210] ];


                var newDate = new Date();
                    var day = newDate.getDay();
                    var date = newDate.getDate();
                    var setDate;
                    var ticArray = [];
                    for(var i = 0;i<5;i++){
                        if(i!=0){
                            setDate =newDate.setDate(date-day+1-7*i);
                            ticArray.push(setDate);
                        } else {
                            setDate =newDate.setDate(date-day+1);
                            ticArray.push(setDate);
                        }               
                    }

              $.plot($("#chart-revenue2"),[
                {  
                        label: "Search",
                        data: DataSet20,
                        color:'#94AACD',

                },
                { 
                        label: "Genre",
                        data: DataSet21,
                        color:"#D98445",
                        lines: {
                            fill: true,
                            lineWidth: 3,
                            }
                },{  

                        label: "New and Hot", 
                        data: DataSet22,
                        color:"#4598AE",
                    }] ,{
                xaxis: 
                    { mode: "time", 
                    min: ticArray[4],
                    max:ticArray[0],
                    timeformat: "%d/%m/%y",
                    ticks: ticArray.reverse(),
                    minTickSize :30
                    }
                ,yaxis: {
                      min:0, max: 400,  tickSize: 50 
                    },
                     series: {
                       label: "Revenue",
                       lines: { 
                            show: true,                         
                            fill: true
                       },
                       shadowSize: 0
                   },
                   grid: {backgroundColor: { colors: ["#ffffff", "#f4f4f4"] }},
                    legend: {
                        show: true
                   }

        });

1 个答案:

答案 0 :(得分:0)

使用系列“填充”选项,如文档的Customizing the data series部分所述。

请注意,当您使系列不透明时,顶部系列会遮盖其他系列。我不知道您准确显示的是哪种数据,但您可能需要考虑stack plugin