第1页，共417页。 显示 4,167 条结果 (0.036 秒)
图形 - 饼图的百分比说明
（本文档仅供参考） 问题1 饼图的百分比是如何计算的？ 解决方案 饼图的百分比是每一个指标值占总值的比例，即 0.81/(0.81+0.15+0.01) 约等于0.835的占比值。 问题2 在使用的时候发现有精度问题，图表数据与饼图数据不一致，如下图： 1.png2.png 解决方案 这是浮点型数据在饼图显示的正常现象。由上图可见，对表格中的数据进行了数据格式的设置，按照四舍五入的处理方式保留4位小数得到的结果，表格数据合计结果为99.99%。而饼图的百分比是每一个指标值占总值的比例，所有百分数合计应等于100% ，而在原数据Echarts图形-扩展属性：标签 - 饼图设置数据标签显示名称和数值，饼图数据标签换行
显示字段至标签，即可在表盘展示对应字段。 image2021-7-26_18-47-15.png 2.此时鼠标提示为所拖拽的四个字段的数据，可通过取消显示提示的方式去除多余显示信息。 image2021-7-26_18-50-8.png 若还有其他的场景，比如需要在自助仪表盘里的饼图外侧显示 … 。 image2021-7-26_18-47-15.png 2.此时鼠标提示为所拖拽的四个字段的数据，可通过取消显示提示的方式去除多余显示信息。 image2021-7-26_18-50-8.png 若还有其他的场景，比如需要在自助仪表盘里的饼图外侧显示数据标签，同时换行加单位，可使用如下扩展属性Echarts图形-扩展属性：图例 - 饼图图例样式，以及图例和文字的位置修改
，diamond，pin，arrow，none "itemWidth": 10, "itemHeight": 10, "align": "left" //图例标记和文本的对齐。默认自动，可选：'auto'/'left'/'right' } } 问题2：调整饼图图例文字间距 V10.5.8以上的仪表盘中，饼图图例显示内容可勾选分类、指标、占比，有的时候觉得图例的文字间距距离太远，希望调整间距。 https://wiki.smartbi.com.cn/download/attachments/122618326/image2023-11-10_18-17-17.png?versionEcharts图形-扩展属性：标签 - 饼图数据项标签颜色和饼图一致，但想修改字体
（本文档仅供参考） 问题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.pngEcharts图形-扩展属性：样式 - 设置饼图扇形边框
实现： option = { "legend": { "itemStyle": { "borderWidth": 0, // 图例边框宽度 "borderColor": 'green', // 图例边框颜色 // 注意这里独立设置图例的itemStyle影响图例项样式的属性，与饼图本身的区分开 } }, "series": [{ "itemStyle": { "borderWidth": 1, // 扇形边框宽度 "borderColor": 'red', // 扇形边框颜色 } }] } 最终效果： image2025-1-13_11-46-25.png 饼图边框线图形 - 如何解决饼图和图例叠在一起
（此文档仅供参考） 问题 做饼图的时候，当图例较长较多的时候容易叠加在一起，如下： 1.png 解决方案 可以通过调大画布大小、适当调小图例的文字大小、或者调小饼图半径等操作来解决。 2.png 3.png 4.png 设置之后效果如下： 5.png 饼图和图例重叠图表组件 ⬝ 饼图
1 概述 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 以下将分别举例饼图、环形图、半径玫瑰图和玫瑰图四种图的画法。 2 饼图 主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 2.1 配图建议 颜色：一个维度字段/一个度量； 角度：一个度量字段 … 、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 （1）添加饼图组件，在数据选择区中，勾选 产品类别 和 销售额 字段，由系统自动分配到 标记 > 颜色 和 标记 > 角度 上；或拖拽 产品类别 字段到 标记 > 颜色 ， 销售额 字段到 标记 > 角度 。 bingtu01.png （2Echarts图形-扩展属性：样式 - 饼图环形图中调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示，那么如何调节引导线的长度，如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度，可通过扩展属性来实现，如下 { "legend … }, }] } 饼图引导线长度Echarts图形-扩展属性：样式 - 玫瑰饼图扇形区域圆角设置
（本文档仅供参考） 问题描述 如下图，想实现饼图扇形区域显示圆角/圆弧效果。 image2022-10-28_19-32-17.png 解决方案 （从echarts v5.0.0 开始支持用 borderRadius 指定饼图扇形区块的内外圆角半径） 可使用如下扩展属性实现效果 … , itemStyle: { normal: { borderRadius: 8 } } }] } image2022-10-28_19-35-11.png 玫瑰图圆角Echarts图形-扩展属性：样式 - 饼图的颜色修改，图例圆点样式的修改
（本文档仅供参考） 问题1 想修改饼图的颜色，然后图例圆点显示，如下图： image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient … ", "#004151", "#00B7BF", "#F9334C", "#FFAF00", "#004151", "#00B7BF", "#F9334C"] } 饼图颜色 图例样式
