第3页，共451页。 显示 4,505 条结果 (0.042 秒)
图表组件-饼图
概述 类型 描述说明 效果 饼图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699107 主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 2022-02-15_14-44-34.png 环形图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=89034004 环形图与饼图类似，但又有区别。环形图中间有一个“空洞”，环中的每一段都表示一类数据。 2022-02-15_14-45-50.png 面积玫瑰图ECharts图形-饼图
?pageId=49808023 image2019-12-23 14:5:48.png http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808023 饼图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级 … 以实际的业务需求和美观性为出发点，饼图衍生出多种不同形态的子图：标准饼图、标准环形图、南丁格尔玫瑰图，用来更好的表现和满足不同的数据对比分析需求。 （点击图片可跳转到相应图形说明文档。） 标准饼图 标准环形图 南丁格尔玫瑰图 image2019-12-23 14:11:18.pngECharts图形-饼图
?pageId=49808023 image2019-12-23 14:5:48.png http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808023 饼图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级 … 以实际的业务需求和美观性为出发点，饼图衍生出多种不同形态的子图：标准饼图、标准环形图、南丁格尔玫瑰图，用来更好的表现和满足不同的数据对比分析需求。 （点击图片可跳转到相应图形说明文档。） 标准饼图 标准环形图 南丁格尔玫瑰图 image2019-12-23 14:11:18.png饼图/圆环图-如何将标签中的百分比改成字段数值
问题描述 在饼图/圆环图组件模板资源中，大部分饼图/圆环图组件模板都通过宏代码设置了一些特殊效果。同时在宏代码中，也将数据标签处理成百分比数据显示了。那么，如果不想要数据标签显示百分比，而是直接显示字段对应的数值，应该怎么处理呢？ 0309-28.png 宏代码中设置了数据标签为百分比的组件模板包括 组件模板 玫瑰环形图-标签在外 玫瑰环形图-标签在内 圆角断点环形图 圆角饼图 发光玫瑰图 发光环形图 解决方法 1、在复制过来并替换数据之后的组件模板上，右键→宏管理 0309-29.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单Echarts图形-宏代码：标签 - 饼图如何设置数据标签显示名称，数值，百分比，并且数值保留两位小数，对百分比四舍五入
问题 饼图如何设置数据标签显示名称，数值，百分比，并且数值保留两位小数 image2019-12-2 10:14:4.png 解决方案 1、先设置图形的数据标签为【显示】： image2019-12-2 10:16:2.png … ": { "formatter": "function(arg){return arg.name+': \\n'+arg.value+' \\n '+Math.round(arg.percent)+'% '}" } } }] } 问题 饼图如何设置数据标签显示名称Echarts图形-扩展属性：自助仪表盘饼图自定义数据标签以及提示框内容
（本文档仅供参考） 问题说明 自助仪表盘里面，饼图如何设置，数据标签显示数量，但是鼠标提示显示百分比： 1.png 解决方案 1.双击“产品目录名称”和“数量”字段，由系统自动分配维度到“颜色”标记项、分配度量到“角度”标记项 2.把“产品目录名称”、“数量”拖拽到“标签”标记项，如下图： 2.png 3.修改扩展属性，设置鼠标提示内容，显示百分比： 7.png 3.png "tooltip": { "showContent": true, "formatter": "{b}:{d}%" }, 4.或者可以直接通过扩展属性来实现： （1）双击“产品目录名称”和“数量”字段，由系统自动分配维度到饼图数据标签分行显示
饼图设置显示数据标签，但有时数据标签的值较长，画布无法显示完整的数据标签，导致显示效果不好，此时可设置数据标签换行显示 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; } } 示例资源：饼图数据标签饼图/圆环图-玫瑰环形图-标签在内
说明 饼图/圆环图组件模板资源下的 “玫瑰环形图-标签在内”若复制到浅色主题的大屏可视化/自助仪表盘下时，因为背景色与标签字体颜色接近，所以标签无法正常显示。 组件模板效果 0314-01.png 复制到浅色主题的大屏可视化下，效果如下： 0314-02.png 此时需要修改数据标签 … ，并在下方的宏代码找找到相应的内容，修改颜色RGB值 0407-08.png 例如： 0407-09.png 4、点击“宏管理”界面 右下角的 “保存”按钮，回到组件编辑界面，点击工具栏上的“刷新”按钮，即可看到效果。 0407-10.png饼图/圆环图-跑道型圆环图/带数字卡牌器环形图
说明 饼图/圆环图组件模板资源下的 ”跑道型圆环图” 和 ”带数字卡牌器环形图” 复制到浅色主题的大屏可视化/自助仪表盘下时，因这些主题的背景色与组件模板中的字体颜色接近，导致文字显示效果差。 组建模板效果 0309-53.png 0309-54.png 复制到浅色主题的大屏可视化下，效果 … 界面 0407-02.png 3、查看宏代码中最上面的注释，并在下方的宏代码找找到相应的内容，修改颜色RGB值 0407-03.png 如下： 0407-04.png 4、点击“宏管理”界面 右下角的 “保存”按钮，回到组件编辑界面，点击工具栏上的“刷新”按钮，即可看到效果图例设置
在图例设置中，可以对图形的图例设置样式，包括位置、内容、分页、大小、形状和文本样式，图例设置入口如下： tulixiaoguo-01.png 位置 说明 设置图例的位置，有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 对于饼图、环形图、玫瑰图和半径玫瑰图，支持设置图例显示的文本内容，可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”，效果如下图所示： tulixiaoguo-02.png 分页 说明 设置图例是否分页显示，默认分页显示。 当图例较多时，若不分页显示则所有图例全部
