如何在填充图中获得深色填充颜色？

Question

嗨，我已经创建了多个值的折线图但是我没有得到填充颜色是dark.Some不透明度正在应用我guess.how来解决这个问题。 我的小提琴是这里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 
        } 

     }); 

Answer 1

使用一系列 '填充' 选项，如在文档的Customizing the data series部分描述。

请注意，当您将系列不透明时，顶层会掩盖其他层。我不知道您准确展示了哪种数据，但您可能需要考虑stack plugin。