如何设置highcharts馅饼的边框？

Question

我想为饼图设置边框，但是当没有数据时，饼图会成为

如何实现它？

Answer 1

你可以捕获load事件，检查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/

Answer 2

具有默认边框笔触的饼将显示在最新版本中。我想这只是这里的版本控制问题。

请在此处将Highcharts更新为最新版本：https://code.highcharts.com/zips/Highcharts-8.0.0.zip