獲得額外的顏色，而使用海軍報JS

Question

這裏我的代碼

<div id="chart-revenue3" style="width:1100px; height:480px;" > </div> 


     var series = [{ 
       data: [ 
        [0, 100], 
        [1, 150], 
        [2, 125], 
        [3, 160], 
        [4, 95] 
       ], 
       label: "Generes", 
       color:"#4598AE" 
      }, 
      { 
       data: [ 
        [0, 104], 
        [1, 157], 
        [2, 178], 
        [3, 145], 
        [4, 78]], 
       label: "Playlists", 
       color:"#8AA453" 
      }, { 
       data: [ 
        [0, 55], 
        [1, 40], 
        [2, 60], 
        [3, 10], 
        [4, 20] 
       ], 
       label: "Home", 
       color:"#A84745" 
      }, { 
       data: [ 
        [0, 55], 
        [1, 40], 
        [2, 60], 
        [3, 10], 
        [4, 20] 
       ], 
       label: "Search", 
       color:"#D98445" 
      }, { 
       data: [ 
        [0, 55], 
        [1, 40], 
        [2, 60], 
        [3, 10], 
        [4, 20] 
       ], 
       label: "New and Hot", 
       color:"#71598E" 
      }, 
      { 
       data: [ 
        [0,150], 
        [1, 200], 
        [2, 250], 
        [3, 120], 
        [4, 90] 
       ], 
       label: "# Venues", 
       points: { show: false }, 
       lines: { show: true,fill: false}, 
       yaxis: 2, 
       color:"#81A0C1" 
      }]; 

      var options = { 
       xaxis: { 
        minTickSize: 1, 
        ticks: [[0,'Dafault'],[1,'Alternative'],[2,'Country'],[3,'Latin'],[4,'Rock']] 
       }, yaxes: [ 
         {        
         }, 
         {     
          position: "right" , min:0, max: 1200, tickSize: 200 
         } 
        ], 
       series: { 
        bars: { 
         show: true, 
         barWidth: .3, 
         align: "center",fillColor: { 
              colors: [{ opacity: 1 }, { opacity: 1 } ] 
             }       
        }, 
        stack: true, 
        shadowSize:1 
       }, 
       legend: { show: true, container: '#chart-revenue3-table' } 
      }; 

      $.plot("#chart-revenue3", series, options); 

所以繪製兩個圖表，如果我運行這段代碼是越來越棒上一些額外的顏色chart..please給出任何想法

Answer 1

好的，現在我明白你在做什麼了。你所缺少的是你需要告訴海軍報不繪製# Venues系列作爲酒吧：

{ 
    data: [ 
     [0, 150], 
     [1, 200], 
     [2, 250], 
     [3, 120], 
     [4, 90] 
    ], 
    label: "# Venues", 
    points: { 
     show: false 
    }, 
    lines: { 
     show: true, 
     fill: false 
    }, 
    yaxis: 2, 
    bars: { 
     show: false    // <-- this is the bit you were missing 
    }, 
    color: "#81A0C1" 
} 

http://jsfiddle.net/BrEJm/6/

你需要做的原因是因爲在你options設置：

series: { 
    bars: { 
     show: true, 
     //... 
    } 
} 

flot的工作方式是它會將這些默認的系列選項集合與您爲每個系列設置的明確選項合併。所以，即使你沒有指定，你所有的系列都會繼承bars.show = true。