2014-03-25 96 views
0

嗨,我已經創建了多個值的折線圖但是我沒有得到填充顏色是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 
        } 

     }); 

回答

0

使用一系列 '填充' 選項,如在文檔的Customizing the data series部分描述。

請注意,當您將系列不透明時,頂層會掩蓋其他層。我不知道您準確展示了哪種數據,但您可能需要考慮stack plugin