Highchart разъем нестандартного стиля

Question

Я хочу создать кольцевую диаграмму, используя высокие графики, как показано ниже:

Пожалуйста, помогите мне создать. Заранее спасибо.

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