css - 有什么方法可以在饼图中定义单个数据标签连接器的宽度

Question

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

我正在寻找一种方法来做同样的事情，但对于 connectorWidth 属性，因为我希望我的连接器根据它们所连接的数据标签具有不同的宽度和样式。我该怎么做？

Answer 1

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

我发现，如果您将本地样式应用于分配给数据标签的特定颜色(或您创建的任何自定义样式)，则可以更改连接器宽度。在我的示例中，我更改了图表样式表(鳄梨)中第 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;
}

结果如下:

您可以通过检查网络浏览器中的代码来确定将哪个样式名称分配给哪个饼图切片。

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

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