如何为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/