(4)、React中使用ECharts——饼图

Posted 2023-02-28

参考技术A

（1） legend: 图例组件。图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。
    --- orient (string)：图例列表的布局朝向。可选：\'horizontal\'、\'vertical\'(默认：\'horizontal\' )；
    --- data[i] (object)：图例的数据数组。数组项通常为一个字符串，每一项代表一个系列的 name （如果是 饼图 ，也可以是饼图单个数据的 name ）。图例组件会自动根据对应系列的图形标记（symbol）来绘制自己的颜色和标记，特殊字符串 \'\' （空字符串）或者 \'\\n\' （换行字符串）用于图例的换行。
    如果 data 没有被指定，会自动从当前系列中获取。多数系列会取自 series.name 或者 series.encode 的 seriesName 所指定的维度。如 饼图 and 漏斗图 等会取自 series.data 中的 name。
    如果要设置单独一项的样式，也可以把该项写成配置项对象。此时必须使用 name 属性对应表示系列的 nam
示例：

更多饼图实例信息请参考ECharts： https://www.echartsjs.com/examples/#chart-type-pie