如何使用嵌套圆环图创建自定义 Flutter 小部件？

Question

我正在努力在 Flutter 中创建一个自定义小部件，它类似于圆环图，但带有附加的内部图。我在下面附上了一张图片来说明我想要实现的目标。

如图所示，每个分区的右侧外圆看起来像一个箭头。

我已经探索过使用 Flutter 的 CustomPainter 类，但我很难正确绘制圆圈和分区。谁能提供有关如何在 Flutter 自定义小部件中正确对齐这两个圆圈的指导？

任何帮助或建议将不胜感激。谢谢！

Answer 1

可能不完全是你想要的，但它应该不会产生巨大的差异。有了这个包，你不需要重新发明轮子：https://pub.dev/packages/fl_chart