Highcharts-数据标签连接器自定义{直线}

Highcharts-数据标签连接器自定义{直线},highcharts,pie-chart,Highcharts,Pie Chart,我在用海图 如何自定义dataLabels line连接器,如下所示 尝试使用软连接器:false,但未获得所需结果 非常感谢您的帮助,因为我对此感到震惊:( 使用后的常规连接器softConnector:false, 我所期待的 您可以包装pie.prototype.drawDataLabels方法,并在该方法中更改连接器使用的参数 这是您需要更改的部件: connectorPath = softConnector ? [ M, x + (label

我在用海图

如何自定义dataLabels line连接器,如下所示

尝试使用
软连接器:false
,但未获得所需结果

非常感谢您的帮助,因为我对此感到震惊:(

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

我所期待的


您可以包装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
        ];
在这里,您可以找到图表如何使用此包装的示例:


编辑:更改Highcharts drawDataLabels方法后,使用connectorPath方法可以更轻松地解决您的问题:

您在错误的位置添加了softConnector参数,它应该位于dataLabels对象中。在这里您可以找到一个如何工作的示例:@Blachlinski…感谢您更正我…但我仍然不是g设置所需的结果…嗯,是的,因为Highcharts不是这样绘制连接器的。我想最好的选项是1)使用
渲染器()绘制自己的连接器,或者2)修改绘制连接器的Highcharts函数。@Blachlinkski。。。太好了,这正是我要找的。。。非常感谢您抽出时间。。。我接受你的回答。。。继续做好工作是的,在drawDataLabels方法中做了一些更改之后,使用connectorPath方法可以更轻松地解决此问题:非常感谢@grzegorzblachlinski,你让我度过了美好的一天!工作起来很有魅力@GrzegorzBlachliński,实际上我想要数据标签作为这个图像。你能帮我吗?那么你想得到与本例中所示类似的连接器吗?