2014-04-18 131 views
0

我已經在jsfiddle中創建了一個表示兩個值的圖表。像堆疊條形圖一樣調整,以便佔用整個div的寬度。它應該覆蓋背景,就像這樣。highcharts-堆疊酒吧,如何讓圖表覆蓋寬度100%?

http://jsfiddle.net/ftaran/jBHDM/4/

enter image description here

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar', 
      background:'yellow' 
     }, 
     credits: { 
      enabled: false 
     }, 
     title: { 
      text: null 
     }, 
     xAxis: { 
      labels: { 
       enabled: false 
      } 

     }, 
     yAxis: { 
      title: null, 
      labels: { 
       enabled: false 
      }, 
      labels: { 
       enabled: false 
      } 
     }, 
     tooltip: { 
      formatter: function() { 
       return '<b>' + this.series.name + ':</b> ' + this.y + '<br/>' + this.percentage.toFixed(2) + '%'; 
      } 
     }, 
     legend: { 
      enabled: false 
     }, 
     plotOptions: { 
      series: { 
       stacking: 'normal' 
      } 
     }, 
     series: [{ 
      name: 'Fail', 
      color: 'red', 
      data: [5] 
     }, { 
      name: 'Success', 
      color: 'green', 
      data: [2] 
     }] 
    }); 
}); 

回答

1

嘗試使用此yAxis參數:

yAxis: { 
    ... 
    endOnTick: false, 
    ... 
}, 
+0

嗨,是否有可能切換endOnTick值當一個事件是raised.for例如點擊一個按鈕? – Xerxes

+0

@xerxes,是的,你可以通過點擊按鈕的命令來切換它。使用axis.update方法。演示:http://jsfiddle.net/wergeld/jBHDM/7/ – wergeld