Highchart 连接器自定义样式答案

【问题标题】：Highchart connector custom styleHighchart 连接器自定义样式
【发布时间】：2019-10-25 09:32:34
【问题描述】：

我想使用如下高图创建圆环图：

请帮我创作。提前致谢。

【问题讨论】：

【解决方案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

【讨论】：

感谢@ppotaczek 的虚线连接器。如何将数据标签放置在连接器的边缘，另一个靠近饼图（请参阅图片）。还有什么方法可以使连接线水平。如果您可以将这些包含在小提琴中，那将是很大的帮助。
要使连接线水平使用connectorShape函数。要添加额外的 dataLabels 使用 Highcharts.SVGRenderer 类或添加额外的系列：jsfiddle.net/BlackLabel/jbtpfL2o
您能否推荐一些教程，其中介绍了 path 中的 M 和 L 以及如何操作这些点。
嗨@Tapas Mahato，你可以查看这个基础教程：w3schools.com/graphics/svg_path.asp