Graph Highchart连接器自定义样式

Graph Highchart连接器自定义样式,graph,highcharts,pie-chart,Graph,Highcharts,Pie Chart,我想使用如下高图创建油炸圈饼图: 请帮助我创建。 提前感谢。通过使用attr方法,您可以为连接器设置行程数组属性: chart: { ..., events: { load: function() { var points = this.series[0].points; points.forEach(function(p) { p.connector.attr({

我想使用如下高图创建油炸圈饼图:

请帮助我创建。
提前感谢。

通过使用
attr
方法,您可以为连接器设置
行程数组
属性:

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

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

现场演示:

API参考:


文档:

感谢@ppotaczek提供虚线连接器。如何将数据标签一个放在连接器边缘,另一个放在饼图附近(请参考图片)。还有没有办法使连接线保持水平。如果你能把这些都包括在小提琴中,那将是很大的帮助。要使连接线水平,请使用
connectorShape
函数。要添加额外的
数据标签
请使用
Highcharts.SvgRender
类或添加额外的系列:您可以建议一些教程,其中解释了路径中的M和L以及如何操作点。Hi@Tapas Mahato,您可以查看此基本教程: