第10页,共451页。 显示 4,505 条结果 (0.034 秒)
仪表盘联合图组件如何指定某个子图显示标注
(本文档仅供参考,涉及的宏代码已验证适用于 V11 版本。由于宏代码在特定场景下可能存在限制,如果与实际应用场景不完全匹配,请根据具体要求自行调整相关代码,以确保其满足实际使用要求。) 问题描述: 仪表盘使用联合图组件,希望可以让某个子图形例如线图都正常显示最大最小值的标注,而另一个子图形-柱图都不显示标注,如何 … ", "name": "测试最小值2" }] } }] } 组件设置——属性——自定义扩展属性: image2025-5-8_11-47-50.png 效果如图: image2025-5-8_11-48-9.png (2)数据不固定,例如图例系列堆积的数量会随着筛选器变化而变化,此时ECharts图形-图例
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图例在图形中所处的位置,也可以设置不显示图例。 image2019-9-29 11:23:43.png 预览效果 两种不同的图例位置效果对比,如图: image2019-10-11 14:48:40.png {html}<div style="border-bottom: 0.5px solid #dfe1e5ECharts图形-图例
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图例在图形中所处的位置,也可以设置不显示图例。 image2019-9-29 11:23:43.png 预览效果 两种不同的图例位置效果对比,如图: image2019-10-11 14:48:40.png {html}<div style="border-bottom: 0.5px solid #dfe1e5Echarts图形-扩展属性:柱子 - 设置柱图柱子宽度
(此文档仅供参考) 问题:柱子宽度限制 自助仪表盘需要设置柱图的柱子宽度,但是在组件样式设置处没有设置的设置项 image2020-2-24 17:48:14.png 解决方案 可以写扩展属性去设置柱子的宽度 02.png 03.png 用到的扩展属性如下 { "series … ": [ //有多少个图例就有多少组 { "barMaxWidth": 20 }, { "barMaxWidth": 20 } ] } https://wiki.smartbi.com.cnEcharts图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示
(此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示自助仪表盘 - 移动端中柱图、线图上的点难以选中
(本文档仅供参考) 问题描述: 自助仪表盘移动端看板有柱图、线图,点击柱子和或者线图上的点弹出信息框时,一般要点击好几次才能选中,或者多次都无法选中,应该如何解决呢? image2022-12-30_15-21-49.png 解决方案: 对于以上现象,Echarts本身针对这种场景是做了优化的,当点击其他图例关闭对应数据视图,只开启想要查看的数据视图,这样图形会自动自适应,就扩大了每个数据点可点击范围。 image2022-12-30_15-31-46.png 而线图可点击查看数据的只有每个数据点,但由于手机屏幕本身较小,对于点击查看数据的场景,可以将这个大小设置大一点,扩大可点击范围进度图
概要 进度图可直观展示某指标的进度,使仪表盘拥有更多视觉效果。 入口 图例 image2022-2-19_18-20-20.png 列区:0维度 指标区:1指标 直观展示指标的进度情况 2022-01-21_10-55-09.png 列区:1维度 指标区:1指标 分区展示不同维度的进度情况 2022-01-21_10-55-52.png 配图建议: 列:0个或1个维度 颜色区:0个或1个维度 指标区:1个度量 提示区:0个或多个度量/维度 数据要求: 建议为0维度1指标; 但支持列区拖入维度字段,以分区的形式展示不同维度的进度图效果横条图-动态横条图(一)-如何使用
问题描述 在横条图组件模板资源中,有以下动态横条图组件模板。该组件模板可以随着筛选器自动切换而切换横条图的数据。那么该组件模板复制到自己的大屏之后,该如何切换数据呢? 0309-12.gif 解决方法 请按照如下步骤操作: 1、将“动态横条图”组合 从 “横条图”组件模板资源中复制到自己的大屏可视化/自助仪表盘中 0309-13.png 2、选中组合中下方的筛选器组件,在筛选器上的组件菜单上,选择“应用于组件”,勾选“动态横条图”。 这一步是因为在组件模板中,是通过筛选器来筛选横条图的数据的。而组件模板复制过来时,筛选器与横条图的关系无法一起复制过来,因此在这一步骤中将筛选器与横条图关联上 0309-14.pngEcharts图形-扩展属性:样式 - 地图把画布变大后,图形和图例之间留有很多空隙,如何增大地图占比增大
(本文档仅供参考) 问题 地图把画布变大后,图形和图例之间留有很多空隙,如何增大地图占比增大。例如下图,希望地图增大到红框位置。 image2018-10-25 9:23:20.png 解决方案 可以通过以下扩展属性,调整地图的边距大小即可。 { //下面各值,请根据实际情况调整 "geo": { "left": "8%", "right": "8%", "bottom": 0, "top": "4%" } } 地图大小ECharts图形-关系图
:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 关系图的属性包括数据设置、基本设置、标题、图例、提示、工具、序列、高级、扩展属性等,具体请参考下面表格: 属性 关系图 数据设置 http … {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 关系图是指使用图形和连线表示节点与节点(人物或是