如何爲highcharts餅圖設置邊框？

Question

我想設置一個餅圖的邊框，但是當沒有數據的時候餅圖就變成這樣了

如何實現它？

Answer 1

您可以捕獲加載事件，檢查series.data長度，如果其爲空，則使用渲染器添加空圈。

chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      type: 'pie', 
      events:{ 
       load: function() { 
       var chart = this, 
        series = chart.series[0], 
        center = series.center; 

        if(series.data.length === 0) { 
        chart.renderer.circle(center[0],center[1],100) 
        .attr({ 
         fill:'rgba(0,0,0,0)', 
         stroke: 'red', 
         'stroke-width': 1 
        }) 
        .add(); 

        } 
       } 
      } 
     }, 

實施例：

• http://jsfiddle.net/u6tax8x4/