第2页，共422页。 显示 4,213 条结果 (0.178 秒)
饼图
概要说明 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 下图是常用的饼图：表示不同产品类别的销售额在整体中所占的比重。 含义 入口 图例 表示不同产品类别的销售额在整体中所占的比重。 2022-02-18_10-12-02.png … 情景描述：查看公司中各产品类别销售额的占比情况。 效果 2022-02-18_10-27-05.png 数据结构 以上业务情景基于数据模型创建，详细数据如下： image2021-8-3_15-35-35.png 操作步骤 （1）拖拽一个“饼图”图表组件到画布中。 （2）双击“产品类别”和“销售额饼图/圆环图-如何将标签中的百分比改成字段数值
问题描述 在饼图/圆环图组件模板资源中，大部分饼图/圆环图组件模板都通过宏代码设置了一些特殊效果。同时在宏代码中，也将数据标签处理成百分比数据显示了。那么，如果不想要数据标签显示百分比，而是直接显示字段对应的数值，应该怎么处理呢？ 0309-28.png 宏代码中设置了数据标签为百分比的组件模板包括 组件模板 玫瑰环形图-标签在外 玫瑰环形图-标签在内 圆角断点环形图 圆角饼图 发光玫瑰图 发光环形图 解决方法 1、在复制过来并替换数据之后的组件模板上，右键→宏管理 0309-29.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单ECharts图形-饼图
以实际的业务需求和美观性为出发点，饼图衍生出多种不同形态的子图：标准饼图、标准环形图、南丁格尔玫瑰图，用来更好的表现和满足不同的数据对比分析需求。 （点击图片可跳转到相应图形说明文档。） 标准饼图 标准环形图 南丁格尔玫瑰图 image2019-12-23 14:11:18.png … ?pageId=49808023 image2019-12-23 14:5:48.png http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808023 饼图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级ECharts图形-饼图
以实际的业务需求和美观性为出发点，饼图衍生出多种不同形态的子图：标准饼图、标准环形图、南丁格尔玫瑰图，用来更好的表现和满足不同的数据对比分析需求。 （点击图片可跳转到相应图形说明文档。） 标准饼图 标准环形图 南丁格尔玫瑰图 image2019-12-23 14:11:18.png … ?pageId=49808023 image2019-12-23 14:5:48.png http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808023 饼图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级如何独立设置饼图扇形边框
(此文档仅供参考) 问题描述： 需要设置饼图里面的扇形边框，但是不想影响图例的样式，可以怎么处理？ 原效果： image2025-1-13_11-44-22.png 设置属性-边框样式后效果：图例和扇形都有边框了 image2025-1-13_10-12-54.png 解决方案： 可以使用扩展属性实现： option = { "legend": { "itemStyle": { "borderWidth": 0, // 图例边框宽度 "borderColor": 'green', // 图例边框颜色 // 注意这里独立设置图例的itemStyle影响图例项样式的属性，与饼图本身的区分Echarts图形-扩展属性：饼图数据项标签颜色和饼图一致，但想修改字体
（本文档仅供参考） 问题1 我在做饼图的时候，数据标签设置显示，没有设置文本样式之前，我的饼图的数据项标签的颜色是和饼图一样的，如下图的效果： image2021-4-15_16-51-26.png image2021-4-15_16-50-47.png 但是我想修改字体的大小时，这个设置项会把我的字体颜色都变成统一了，如下的效果： image2021-4-15_16-53-15.png image2021-4-15_16-53-33.png 我不想把我字体的颜色修改，希望和饼图的颜色一致，同时又想修改字体的大小，我要怎么实现呢？ 解决方案 数据项标签这里不设置： image2021-4-15_16-55-48.png饼图数据标签分行显示
饼图设置显示数据标签，但有时数据标签的值较长，画布无法显示完整的数据标签，导致显示效果不好，此时可设置数据标签换行显示 image2020-6-10 15:43:4.png 设置后的效果如下图，比如设置数据标签长度超过10个字符则换行： image2020-6-10 15:41:59.png 思路 1 … ) { newStr += arr.join(""); } else { newStr += arr.join("") + "_"; } } return newStr; } } 示例资源：饼图数据标签Echarts图形-扩展属性：饼图设置数据标签显示名称和数值，饼图数据标签换行
显示字段至标签，即可在表盘展示对应字段。 image2021-7-26_18-47-15.png 2.此时鼠标提示为所拖拽的四个字段的数据，可通过取消显示提示的方式去除多余显示信息。 image2021-7-26_18-50-8.png 若还有其他的场景，比如需要在自助仪表盘里的饼图外侧显示 … （本文档仅供参考） 问题 如何在饼图上显示各个数据标签显示的名称及数值。 解决方案 若资源类型为电子表格，可以使用如下扩展属性： 1 2 3 4 5 6 7 8 9 { "series": [{ "label": { "normal": { "formatterEcharts图形-扩展属性：饼图占比对齐
（本文档仅供参考） 问题： 饼图图例提示显示分类指标占比，出现占比无法对齐的情况，如何使占比也左对齐展示呢？ image2024-9-6_9-55-32.png 解决方案： 可以参考配置下面的扩展属性调整： { "legend": { "textStyle": { "rich": { "c": { "align": "left", "width": 30 } } } } } 添加对应属性后，效果如下图所示： image2024-9-6_9-54-57.pngEcharts图形-扩展属性：玫瑰饼图扇形区域圆角设置
（本文档仅供参考） 问题描述 如下图，想实现饼图扇形区域显示圆角/圆弧效果。 image2022-10-28_19-32-17.png 解决方案 （从echarts v5.0.0 开始支持用 borderRadius 指定饼图扇形区块的内外圆角半径） 可使用如下扩展属性实现效果： { series: [{ radius: ['10%', '45%'], center: ['50%', '40%'], roseType: 'area', selectedOffset: 30, selectedMode: true
