Highcharts自定义样式连接和标签

Question

如何在highcharts中自定义甜甜圈，每个起点连接标签都有一个圆圈，并设置连接线的样式，并隐藏较低的值。 我使用的是highcharsjs

像这样一个

Answer 1

在Highcharts中，您只能编辑连接器的柔和度和颜色/长度。如果要更改它，则需要覆盖饼图系列的drawDataLabels函数。或者在渲染后更新series.data[index].connector路径以满足您的需求。

像这样：http://jsfiddle.net/yzob09ks/

function redrawConnectors() {
     var chart = this,
         d;

    Highcharts.each(chart.series[0].data, function(point, i) {
        if(point.connector) {
            d = point.connector.d.split(' ');
            d = [d[0], d[1], d[2], d[10], d[11], d[12]];
            point.connector.attr({
                d:  d
            });
        }
    });
}

注意：Demo只显示如何更改连接器的默认行为，现在只需渲染您想要的正确形状。