Highcharts蜘蛛圖表填充問題

Question

我正在嘗試創建一個蜘蛛圖表，其中有一個對着圓形邊界外緣運行的繪圖帶。不幸的是，無論我嘗試什麼（yAxis max，yAxis maxPadding，plotBand thickness ...）（在Firefox和Chrome中測試過），它最終都會在yAxis max和圖表邊緣之間出現一些空白區域。我在我的實際應用程序中創建了一個bullseye模式，除了空白外，看起來很好。

編輯：問題不是我不能填寫這個空白（我可以，如果我只是增加plotBand結束超出yAxis.max。問題是，該區域存在 - 我也想最後一點要上去圖表的邊緣，因此內積帶不縮小規模

在這個例子中，有也是空白的圓圈的中間 - 這是確定 http://jsfiddle.net/XEte8/

。

html：

<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/highcharts-more.js"></script> 

<div id="container" style="height: 400px"></div> 

的javascript：

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      polar:true 
     }, 
     yAxis: {   
      plotBands: [{ // mark the weekend 
       color: '#FCFFC5', 
       from: 0, 
       to: 250, 
      }], 
      max:250, 
      endOnTick:true, 
      maxPadding:0, 
      minPadding:0, 
      startOnTick:true, 
      tickmarkPlacement:"on" 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4], 
      pointStart: Date.UTC(2010, 0, 1), 
      pointInterval: 24 * 3600 * 1000 
     }] 
    }); 
}); 

Answer 1

如果endOnTick選項爲true，max有時會被調高。我更新您的撥弄endOnTick:false：
http://jsfiddle.net/XEte8/1/

Answer 2

你需要的是配置tickInterval

的javascript：

$(function() { 
    $('#container').highcharts({ 
    chart: { 
     polar:true, 
     marginTop: 10 
    }, 
    yAxis: {   
     plotBands: [{ // mark the weekend 
      color: '#FCFFC5', 
      from: 100, 
      to: 250, 
     }], 
     max:250, 
     tickInterval: 50,  
     startOnTick:true, 
     tickmarkPlacement:"on" 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4], 
     pointStart: Date.UTC(2010, 0, 1), 
     pointInterval: 24 * 3600 * 1000 
    }] 
    }); 
}); 

的jsfiddle：http://jsfiddle.net/Ng3s5/