第24页，共434页。 显示 4,338 条结果 (0.041 秒)
矩阵树图
1 概述 矩形树图，是一种有效的实现层级结构可视化的关系型图表结构。 在树图中，各个小矩形的面积表示每个子节点的大小，面积越大，表示子节点在父节点中的占比越大，整个矩形的面积之和表示整个父节点。右键点击矩形块可下钻到子分支，每个子分支的矩形又按照相应节点的子节点进行分割。 通过树图及其钻取情况，用户可以清晰地了解到数据的全局层级结构和每个层级的详情。 2 业务场景 1、场景描述：某大型零售公司，想要分析省份和下一层级发货城市的销售量，如下图所示： shutu01.gif 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 （1）在数据选择区中，拖拽 省份 字段到 标记 > 标签 ，销售额Echarts图形-扩展属性：自助仪表盘饼图自定义数据标签以及提示框内容
（本文档仅供参考） 问题说明 自助仪表盘里面，饼图如何设置，数据标签显示数量，但是鼠标提示显示百分比： 1.png 解决方案 1.双击“产品目录名称”和“数量”字段，由系统自动分配维度到“颜色”标记项、分配度量到“角度”标记项 2.把“产品目录名称”、“数量”拖拽到“标签”标记项，如下图： 2.png 3.修改扩展属性，设置鼠标提示内容，显示百分比： 7.png 3.png "tooltip": { "showContent": true, "formatter": "{b}:{d}%" }, 4.或者可以直接通过扩展属性来实现： （1）双击“产品目录名称”和“数量”字段，由系统自动分配维度到Echarts图形-扩展属性：堆积柱图+线图
（此文档仅供参考） 问题 希望双Y联合图，可以实现堆积柱图+线图的效果。 实现方案 可以用以下扩展属性实现： { "series": [{ "stack": "aaa", "z": 2 }, { "stack": "aaa", "z": 2 }, { "z": 3 }] } 最终效果： image2022-5-17_16-33-25.png 属性解析说明：数据堆叠，同个类目轴上系列配置相同水球图指标计算规则
（本文档仅供参考） 问题说明 在仪表盘中使用水球图作图，什么实际100%的数据显示为91%？ image2023-1-6_17-8-44.png 解决方案 默认会对指标数据进行计算，计算公式为：（指标值/目标值）*110%。其中目标值，当指标值<1时，目标值=1；当指标值>=1时，目标值 … ：在组件设置中设置指标值为数值。 image2023-1-6_17-35-28.png 水滴图目标值不对 水滴图目标值91%组合指标看板-柱图告警组合指标看板
问题描述 在“组合指标看板”组件模板资源中，有如下的组合指标看板。 0314-03.png 那么，在这些组件模板中，中间的进度图是怎么实现的呢？ 0314-04.png 解决方法 该进度图实际上是使用“横条图”实现的。 1、使用的是“横条图”。因此复用该组件时，数据模型中需要有2个字段。除了度量字段作为列区字段外，还需要有一个维度字段作为 行区 字段。 0314-05.png 2、该组件在“组件设置”→ “高级”中 设置了 “输出行数”为1。复用时需根据实际情况将配置去除 0314-06.png 3、横条图的“进度”效果，是通过“自定义属性”中添加了如下“代码”，实现“柱体”下方出现灰色的背景的“槽Echarts图形-扩展属性：横向面积图
(此文档仅供参考) 问题 如何实现横向面积图，效果如下图所示： image2022-5-16_18-40-12.png 解决方案 1、先使用横向柱 image2022-5-16_18-45-22.png 2、进入扩展属性编辑界面，入口如下图： image2022-5-16_18-43-0.png 3、相关扩展属性如下图所示： image2022-5-16_18-44-52.png 相关扩展属性如下 "series": [ { "type": "line", "areaStyle": { "normal": { "origin": "auto" } } } ] 横向面积图ECharts图形-油量图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 油量图是指以油量表的形式来展现指标数据。包含一个 … 车型数的数据，建议通过油量图实现。 1、通过参数进行“车类”控制。 2、指标轴上分布车型数。 该情景实现的详情请参考 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501957#ECharts%E5%9B%BE%E5%BDECharts图形-油量图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 油量图是指以油量表的形式来展现指标数据。包含一个 … 车型数的数据，建议通过油量图实现。 1、通过参数进行“车类”控制。 2、指标轴上分布车型数。 该情景实现的详情请参考 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501957#ECharts%E5%9B%BE%E5%BD交互仪表盘单系列柱图显示占比标签
（本文档仅供参考，仅适用于本文档中的示例报表/场景，若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码） （本示例已在V10.5.15版本中测试并验证通过） 问题： 仪表盘单系列柱图如何实现标签显示占比 image2025-3-29_12-2-16.png 参考方案： 可参考如下宏代码实现。 function main(page: IPage, portlet: IEChartsPortlet) { let opt = portlet.getChartOptions(); let series = opt.series; let水球图如何自定义目标值为其他字段
（本文档仅供参考） 问题说明 在仪表盘中使用水球图作图，通常需要设置目标值以展示完成情况，除了实际达成值之外，会有已经存在目标值字段的情况。自定义目标值应该如何选择其他字段？ 水球图可供选择字段.png 解决方案 目前水球图只能用已选择的度量来进行目标值的计算，所以需要再增加一个可供选择的字段 水球图可供选择字段增加效果.png 此时还需要注意去除目标值字段的提示信息，以防止影响原有效果 水球图勾除提示.png 水滴图目标值设置其他度量 水滴图目标值设置其他字段
