Highchart 连接器自定义样式

Question

我想使用 highcharts 创建圆环图，如下所示：

请帮我创建。提前致谢。

Answer 1

通过使用 attr 方法，您可以为连接器设置 stroke-dasharray 属性：

chart: {
    ...,
    events: {
        load: function() {
            var points = this.series[0].points;

            points.forEach(function(p) {
                p.connector.attr({
                    'stroke-dasharray': "4, 4"
                });
            });
        }
    }
}

现场演示： https://jsfiddle.net/BlackLabel/boxhv0yt/

API参考：https://api.highcharts.com/class-reference/Highcharts.SeriesPieDataLabelsOptionsObject#connectorShape

文档： https://www.highcharts.com/docs/advanced-chart-features/pie-datalabels-alignment

Highchart 连接器自定义样式

Highchart connector custom style

graph

highcharts

pie-chart