Question

对于图表体验的打磨，我们其实很多很多事情，这里我们就以折柱饼的数据标签为例，来进行介绍。

另外，我们对于可视化图表的体验打磨，都是基于 AntV 可视化设计原则 ，他是 Ant Design 在可视化方向的扩展。概括起来就是四个词：准确，有效，清晰，美。

下面我们就逐一介绍折柱饼得数据标签（多图预警）。

折线图

最后我们做一个简单的竞品对比：

柱形图

最后同样，我们看一下竞品的对比情况：

饼图

饼图的数据标签问题，其实是比较常见的问题。对于饼图，我们先介绍其中一种数据标签的迭代逻辑。

这个是标签布局逻辑，算是在数量大的情况下，比较符合效果的。当然除了这个布局之外，我们还提供多种布局效果：

当然，对于饼图，我们也有对应的最佳实践规范：

1. 饼图区块数量不超过 8 个
2. 超出的区域合并到“其他”区块中，然后 tooltip 显示其他区块的详细信息

最后我们看下在饼图数据标签中，和竞品的对比情况。

总体效果来看，G2Plot 是都是最优的效果。

其他

除了上述对于折柱饼的数据标签优化之外，我们还做了其他很多的可视化图表体验优化。

缩略轴标签自动切换位置，防止被裁剪。	跟随图例，一个很经典的 storytelling 案例	联通区间，让数据对比更加清晰。

等等，还有很多的优化点，篇幅原因，不一一赘述。