如何修改Zoomcharts饼图中标签与扇区连接线的颜色？

你可以在styleFunction中通过修改slice.label.lineStyle.strokeColor属性来设置扇区与标签之间连接线的颜色，示例代码如下：

styleFunction: function (slice, data) {
  // 修改标签文字颜色
  slice.label.textStyle.fillColor = 'red';
  // 修改连接线颜色
  slice.label.lineStyle.strokeColor = 'red';
}

如果需要根据数据动态调整颜色，还可以基于data参数中的数据项属性来赋值，比如和扇区颜色保持一致：

styleFunction: function (slice, data) {
  const targetColor = data.color;
  slice.label.textStyle.fillColor = targetColor;
  slice.label.lineStyle.strokeColor = targetColor;
}

这样就能同时实现标签文字和连接线颜色的修改。

内容的提问来源于stack exchange，提问作者rahram