第20页，共164页。 显示 1,639 条结果 (0.026 秒)
仪表盘组件作为筛选器图形高亮
（本文档仅供参考，请根据实际需求进行调整） 问题 是否可以做到当图形作为筛选器时，点击图形的传值部分就把这部分的图形颜色标深，以此跟其他部分数据做出区分。 image2023-12-1_17-52-22.png 解决方案 实际效果就是要实现点击echarts柱图实现变色，切换柱子后之前点击的柱子颜色还原，可通过echarts的click事件实现，具体参考如下宏代码： // ClientSide // 对象：组件 // 事件：onBeforeRender function main(page: IPage, portlet: IEChartsPortlet) { let【仪表盘】实现点击图形弹出显示值
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 1．示例效果 预期效果：点击仪表盘图形图例，能弹出弹窗，如下图所示： 2021-09-10_17-16-49.gif 2．操作步骤 步骤一：新建一个空白的仪表盘 image2021-9-10_17-42-21.png 步骤二：拖入图形 ，选择数据集或业务主题 image2021-9-10_17-44-41.png 效果如下： image2021-9-10_17-46-12.png 步骤三：选中图形，右键进入宏【仪表盘】实现点击图形弹出显示值
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 1．示例效果 预期效果：点击仪表盘图形图例，能弹出弹窗，如下图所示： 2021-09-10_17-16-49.gif 2．操作步骤 步骤一：新建一个空白的仪表盘 image2021-9-10_17-42-21.png 步骤二：拖入图形 ，选择数据集或业务主题 image2021-9-10_17-44-41.png 效果如下： image2021-9-10_17-46-12.png 步骤三：选中图形，右键进入宏Echarts图形-扩展属性：词云图显示不全
（此文档仅供参考） 问题 在制作词云图时，有时候会遇到词云图无法显示全部数据的情况。如下图，一共8条数据，但是词云图只显示了三条数据。 image2018-6-14 11:13:49.png 方案 这可能是设置的问题，可以通过逐一尝试以下方案解决。 == 方案1 ==== 打开词云图的设置界面，进入到“高级”页签下，查看是否设置了“图形输出最大行数”。 image2018-6-19 15:11:3.png 系统中对于echarts图形，为了保证展示效率，默认限制其只显示100条数据。可以将“图形输出行数”进行修改，设置足够大的行数，使得数据可全部展示。 image2018-6-19 15【仪表盘】图形组件中只显示部分图例
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 目前仪表盘没有只显示部分图例的设置，因此我们可以通过仪表盘宏来实现。仪表盘中图形组件显示的图形分类比较多的时候，图例太多 … image2020-10-26_6-7-29.png 步骤二：拖入图形组件，选择饼图，选择数据集或业务主题 image2020-10-26_7-29-48.png 效果如下： image2020-10-26_7-30-44.png 步骤三：选中饼图，鼠标右键进入宏管理页【仪表盘】图形组件中只显示部分图例
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 目前仪表盘没有只显示部分图例的设置，因此我们可以通过仪表盘宏来实现。仪表盘中图形组件显示的图形分类比较多的时候，图例太多 … image2020-10-26_6-7-29.png 步骤二：拖入图形组件，选择饼图，选择数据集或业务主题 image2020-10-26_7-29-48.png 效果如下： image2020-10-26_7-30-44.png 步骤三：选中饼图，鼠标右键进入宏管理页ECharts图形-工具
ECharts图形的功能按钮设置包括“数据视图、数据区域缩放、配置项还原和保存图片”。 2019-9-30 星期一 11-21-53.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C … : 5px;"> </div>{html} 属性说明 设置是否显示数据区域缩放，目前只支持直角坐标系的缩放。 功能项在图表右上方，左侧为“区域缩放”，右侧为“区域缩放还原”。 image2019-9-30 11:25:55.png 预览效果 点击 区域缩放，进行数据区域框选，生成缩放后的图形；再点击 区域缩放ECharts图形-工具
ECharts图形的功能按钮设置包括“数据视图、数据区域缩放、配置项还原和保存图片”。 2019-9-30 星期一 11-21-53.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C … : 5px;"> </div>{html} 属性说明 设置是否显示数据区域缩放，目前只支持直角坐标系的缩放。 功能项在图表右上方，左侧为“区域缩放”，右侧为“区域缩放还原”。 image2019-9-30 11:25:55.png 预览效果 点击 区域缩放，进行数据区域框选，生成缩放后的图形；再点击 区域缩放Echarts图形-扩展属性：地图调整图例柱子粗细及文字位置
问题 地图图例柱子粗细怎么调整，以及怎么让图例的两端文字显示在柱子内部？ 解决方案 可在图形中通过扩展属性实现： { "visualMap": [{ "show": true, "itemWidth": 100, //图形的宽度，即长条的宽度 "itemHeight": 90, //图形的高度，即长条的高度 "textGap": -15, //两端文字主体之间的距离 }] } 效果如图： image2023-1-29_13-48-46.png 属性说明见：https://echarts.apache.org/zhECharts图形-普通横条图/堆积横条图
细长的横条长度来表达各类数量大小的图形。 优势： 1) 肉眼就能清楚的看出数量的多少及比较出数据之间的差别。 2) 比柱图支持的分类项目多些。 劣势：不适合表示趋势分析。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据量不宜过多 … 分割，实现一个大分类包含的每个小分类，用以显示相同类型下各个数据的大小情况：每个横条上的值分别代表不同的数据大小，各层的数据总和代表整个横条的长度。 图形 image2019-9-26 16:29:25.png image2019-9-26 16:29:36.png 差异
