有没有办法在饼图中定义单个dataLabels连接器宽度

Question

根据Highcharts documentation，可以从各个点属性中定义connectorColor。

我正在寻找一种方法来实现相同的功能，但需要connectorWidth属性，因为我希望我的连接器根据它们连接到的dataLabel具有不同的宽度和样式。我该怎么做？

Answer 1

是的，如果您对Highcharts使用样式化模式。请参阅此处的示例：http://jsfiddle.net/brightmatrix/u4mhpg9o/

我发现的是，如果将局部样式应用于分配给数据标签的特定颜色（或创建的任何自定义样式），则可以更改连接器宽度。在我的示例中，我更改了图表样式表（avocados）中饼图＃7的连接器的宽度：

/* style defined in the demo for all connectors */
.highcharts-pie-series .highcharts-data-label-connector {
    stroke: silver;
    stroke-dasharray: 2, 2;
    stroke-width: 2px;
}
/* local style just for connector #7 */
.highcharts-data-label-connector + .highcharts-color-7 {
    stroke-width: 20px;
}

结果如下：

您可以通过检查Web浏览器中的代码来找出将哪个样式名称分配给哪个饼图。

现在，如果不使用样式模式，则只能在系列级别更改连接器宽度，而不能更改单个数据点。

我希望这些信息对您有所帮助。