css - 有没有办法在饼图中定义单独的 dataLabels 连接器宽度

Question

根据Highcharts 文档，可以connectorColor在各个点属性中定义 from 。

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

标签： csshighchartspie-chart

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;
}

结果如下：

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

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

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