PieChart

饼图组件,内部提供了一些默认配置,可快速实现饼图、南丁格尔图和圆环图。

API

NameDescriptionTypeDefault
width图表容器的宽度,可以是绝对像素值或父元素宽度的百分比string'100%'
height图表容器的高度,可以是绝对像素值或父元素高度的百分比string'100%'
theme图表颜色主题'light' | 'dark''light'
adaptive当窗口 resize 时,是否让图表自动 resize 以自适应窗口大小booleantrue
type饼图的类型'pie' | 'angle' | 'ring' | 'angle-ring''pie'
title标题string-
textColor全局文本的颜色string#333
series系列数据,接受标准的 PieSeriesOption 配置PieSeriesOption | PieSeriesOption[]-
showLegend是否显示 legendbooleanfalse
bordered每个类目块是否显示 borderbooleanfalse
borderColorborder 的颜色string#fff
borderRadiusborder 圆角大小number8
borderWidthborder 的宽度number2
labelFormatter标签内容格式器,具体用法请参考series-pie.label.formatterstring | Function{b}
radius饼图的半径,也可以通过数组指定内径和外径number | string | (number | string)[]['40%', '60%']
hideLabel是否隐藏 labelbooleanfalse
optionECharts 原生的配置对象 EChartsOptionEChartsOption-

关于 series 和 option

PieChart 通过 series 属性接受系列数据,可以传递标准的 PieSeriesOption 来配置系列的每一个细节。

通常你不需要配置 option 属性就能实现简单的饼图,但如果设置 PieChart 提供的便捷属性无法达到你想要的效果,也可以通过配置 option 来实现更细粒度的控制,option 的配置格式与 ECharts 实例方法 setOption 的第一个参数完全相同,实际上,PieChart 在内部会将 option 与预设配置合并,然后传递给 setOption 方法。它比预设的配置具有更高的优先级。

Example