ECharts从零开始（七）—— pie

这篇博文介绍饼图

饼图（pie）

• borderColor & borderWidth

我们可以通过borderColor和borderWidth来修改饼图边框色以及宽度：

不过通常是将borderColor设置为白色来分开每块区域：

• label & labelLine

首先可以在label中修改position的位置，可以设置为inside（inner同inside）和outer。默认为outer。

labelLine是标签的视觉引导线。在label的position为outside默认开启。也可以手动通过show开启或关闭。length和length2分别为引导线第一段和第二段的长度，还可以通过smooth来决定是否平滑引导线。对于引导线的个性化可以在lineStyle修改：

• center

center是饼图的圆心坐标，默认为['50%', '50%']。可当有标题在图标上方时，若使用默认的center可能会影响到可视化效果，这时可以通过center稍作修改。
就好比对于这种标题特别长的情况：

饼图默认在中心显得效果不是很好，这时可以调整center：

• radius

radius是饼图的半径。它的值默认为[0, '75%']。第一个参数为内半径，第二个参数为外半径。默认外半径是为0的。我们也是通过修改内半径的值来实现环形图的——使内半径小于外半径且不为0。

• clockwise

clockwise为饼图的扇区是否是顺时针排布。

• startAngle

startAngle是起始角度，支持范围[0, 360]，默认为90。
当数据分布比较畸形时：

其他四类的label都挤在上面，若label名很长，甚至可能会重叠。这种默认的效果可能显得有点不太好，如果我们把startAngle设为0：

相比初始情况就会稍微好点。

• Nightingale’s Rose Diagram

接下来谈谈很有名的南丁格尔玫瑰图，其实南丁格尔玫瑰图也是饼图的一种表现形式，但是不能算很严谨。

当roseType设置为radius或area时，表现形式分别如下

当roseType为radius时，它会把原始的比例进行一次平方放大，虽然不严谨，但可以更加突出的表现出对比。
当roseType为area时，它的面积和比例是一致的。

所以相对建议使用第二种roseType