Highcharts - DataLabels连接器自定义{直线}

Question

我正在使用Highcharts ......

如何自定义dataLabels线路连接器，如下所示？

尝试使用softConnector: false，但未获得所需的结果。

任何帮助都受到高度赞赏，因为我对此感到震惊:(

Online Demo

  

使用后的常规连接器 softConnector: false,

  

我期待什么

Answer 1

您可以包装pie.prototype.drawDataLabels方法，在此方法中，您可以更改连接器使用的参数。

这是您需要更改的部分：

connectorPath = softConnector ? [
          M,
          x + (labelPos[6] === 'left' ? 5 : -5), y, // end of the string at the label
          'C',
          x, y, // first break, next to the label
          2 * labelPos[2] - labelPos[4], 2 * labelPos[3] - labelPos[5],
          labelPos[2], labelPos[3], // second break
          L,
          labelPos[4], labelPos[5] // base
        ] : [
          M,
          x + (labelPos[6] === 'left' ? 5 : -5), y, // end of the string at the label
          L,
          labelPos[4], y, // second break
          L,
          labelPos[4], labelPos[5] // base
        ];

在这里，您可以找到一个示例，说明您的图表如何与此包装一起使用：http://jsfiddle.net/L6ywtj7z/5/

编辑：在更改Highcharts drawDataLabels方法后，可以使用connectorPath方法更轻松地解决您的问题：http://jsfiddle.net/L6ywtj7z/15