第5页，共417页。 显示 4,167 条结果 (0.034 秒)
图表组件 ⬝ 旭日图
1 概述 旭日图是一种现代饼图，它超越传统的饼图和环图，能表达清晰的层级和归属关系，以父子层次结构来显示数据构成情况。 旭日图中，离源点越近表示级别越高，相邻两层中，是内层包含外层的关系。 2 业务场景 1、场景描述：分析2020年和2021年产品类别的销售量情况，如下图所示： xuru02.png 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中，勾选 订单年份 、 产品类别 和 销售量 字段，由系统自动分配到 维度 和 标记 > 角度 上；或拖拽 订单年份 和 产品类别 字段到 维度 ，销售量 字段到 标记 > 角度 。 xuru01.png 4、旭日图默认支持数据Echarts图形-扩展属性：样式 - 南丁格尔玫瑰图实现空心效果
（本文档仅供参考） 问题： 南丁格尔图底图是实心饼图，希望改成环形图，实现空心效果。 image2023-3-1_10-15-31.png 解决方案： 电子表格可以参考下方扩展属性实现： image2023-3-1_10-16-4.png 如果是仪表盘资源，可直接设置内外圆半径实现： image2023-3-1_10-17-50.png 玫瑰中心 玫瑰图空心旭日图
概要说明 旭日图是一种现代饼图，它超越传统的饼图和环图，能表达清晰的层级和归属关系，以父子层次结构来显示数据构成情况。 旭日图中，离源点越近表示级别越高，相邻两层中，是内层包含外层的关系。 入口 图例 image2022-2-18_16-20-12.png 下图是常用的旭日图，可以 … 。 image2019-7-17 9:47:7.png 优势 1）在实际项目中使用旭日图，可以更细分溯源分析数据，真正了解数据的具体构成。旭日图不仅数据直观，而且图表好看。分层看数据很直观，逐层下钻看数据。它既能像饼图一样表现局部和整体的占比，又能像矩形树图一样表现层级关系。适合财务各种数据的年度分析。 2）旭日图默认支持Echarts图形-扩展属性：样式 - 环形图颜色渐变
（本文档仅供参考） 问题 环形图希望实现颜色实现渐变的效果，如下截图 渐变饼图.png 解决方案 具体请参考如下扩展属性 2023-08-31_171201.png { "series": [ { "data": [ { "itemStyle": { "color … )" } }, { "itemStyle": { "color": "rgba(225,200,0, 0.2)" } } ] } ] } tip： 其实就是将两个wiki的代码结合起来。 修改环形图颜色：https://wiki.smartbi.com.cn/pages环形图
概要说明 环形图与饼图类似，但又有区别。环形图中间有一个“空洞”，是由两个大小不一的饼图叠在一起，挖去中间的部分所构成的环状图形。环中的每一段都表示一类数据。 含义 入口 图例 可显示多个样本各部分所占的相应比例。 image2022-2-16_11-26-51.png image2022-2-16_16-25-29.png 优势 ① 明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 ② 由于色块面积比较小，留白更多，有更多空间留给信息标注和图文排版，使用时更灵活轻巧。 配图建议： 颜色：1个维度； 角度：1个度量； 数据要求：一个维度线图（柱图）设置显示部分图例
= [] for (let i = 0; i < 3; i++) { let item = datas[i] options.legend.data.push(item.name) } portlet.setChartOptions(options) } 如果的饼图可以看示例 … （本文档仅供参考） 问题说明 线图或柱图等组件如果设置图例只显示前几个图例？ image2024-1-9_18-27-20.png 解决方案 可以写宏处理： image2024-1-9_18-28-24.png 把下面宏代码复制到代码区域： function main(page: IPageEcharts图形-扩展属性：标签 - 饼图标签重叠
（本文档仅供参考） 问题： 饼图标签出现折叠情况，如何使标签不重叠展示呢？ image2022-10-24_10-54-56.png 解决方案： 产品默认设置下标签是不会重叠的，此问题一般是添加了其他扩展属性影响了原有配置，可以参考配置下面的扩展属性调整 { "series": [ { "avoidLabelOverlap": true } ] } image2022-10-24_10-59-26.png 添加对应属性后在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。如下图所示： image2022-10-24_10-57-41.png 标签重叠ECharts图形-序列属性
不同图表的序列属性设置不同，包括“柱子宽度、平滑曲线、连接空数据、饼图半径”等。 2019-12-27 星期五 14-50-20.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C … #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置饼图的半径。 image2019-12-10 16_31_5.png 预览效果 设置不同的饼图半径效果对比，如下ECharts图形-序列属性
不同图表的序列属性设置不同，包括“柱子宽度、平滑曲线、连接空数据、饼图半径”等。 2019-12-27 星期五 14-50-20.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C … #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置饼图的半径。 image2019-12-10 16_31_5.png 预览效果 设置不同的饼图半径效果对比，如下全国汽车销量分析
方法 效果 面积玫瑰图 各预算下汽车销量 【数据模型】主流热销车 ① 标记区 颜色： 维度-需求-“预算”； 角度： 度量-“销量” 标签： 度量-“销量” 1、点击左上角 组件 > 图表 > 饼图 选择 “面积玫瑰图” 组件拖入画布区。 2、在标记区中设置 … ": 2, "length2": 2 } } } ], image2021-7-1_10-21-33.png 饼图 不同级别的汽车销量 【数据模型】主流热销车 ① 标记区 颜色： 维度-需求-“级别”； 角度： 度量-“销量” 标签：度量-“销量
