第18页,共434页。 显示 4,338 条结果 (0.033 秒)
交互仪表盘树图展示轮播效果
(本文仅供参考,因宏代码有一定场景适配性,如和实际应用场景不匹配,需要跟进实际场景调整宏代码) 问题描述 想树图实现鼠标提示轮播,可以循环展示的效果,这个是否可以实现? 解决方案: 通过客户端宏(仅在10.5.15验证),让树图的鼠标提示效果可以循环跳动,如下图所示: image2023-10-9_19-14-13.png 步骤一:选中图形,右键进入宏管理页 image2023-10-9_19-15-30.png 步骤二:在界面新建客户端宏,弹出的新建模块对话框中输入名称,勾选对象为组件、事件为onAfterRender image2023-10-9_19-18-31.png 步骤三仪表盘背景图如何下载
(本文档仅供参考) 问题 BI系统提供了很多精美的大屏展示效果,这些大屏有炫酷的背景,怎么下载这些背景图片? 解决方案一: 目前仪表盘的背景图,无直接的导出入口,可以借助浏览器自带的开发者工具进行下载。 1、浏览器新窗口打开任意仪表盘资源 https://wiki.smartbi.com.cn … =1706153489000&api=v2 解决方案二: 目前仪表盘的背景图,无直接的导出入口,需借助第三方工具Charles下载。 Charles是一个网络发送接收的监测工具。下载地址:http://www.charlesproxy.com/download/ http://www.charlesproxy.com瀑布图
概要说明 瀑布图采用绝对值与相对值结合的方式,来表达数个特定数值之间的数量变化关系。 含义 入口 图例 反应数据多少的同时,更能直观的反应出数据的增减变化过程。 2022-02-15_9-29-23.png 通过瀑布图:显示了近一个星期收支的增减变化情况。 红色柱条代表增加值,蓝色柱条代表减少值。 image2018-9-21 11_44_24.png 优势 展示两个数据点之间的演变过程。 劣势 没有柱状图、条形图的使用场景多,适用情况单一。 配图建议: 列区:1个维度; 行区:1个度量; 示例 适用场景 适用于解释两个数据值之间的差异是由哪几个因素饼图
概要说明 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 下图是常用的饼图:表示不同产品类别的销售额在整体中所占的比重。 含义 入口 图例 表示不同产品类别的销售额在整体中所占的比重。 2022-02-18_10-12-02.png image2021-8-3_15-32-50.png 优势 明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 配图建议: 颜色:1个维度/1个度量; 角度:1个度量; 其他建议:数据类别不宜超过10项; 适用场景:侧重于描述在整个系统中,每个个体所占的权重。 如一年中各个季度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是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 类型 图例 基于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是基于非父子关结构字段构建,其中非父子关系结构构建树图时是按照字段从左至右的包含关系构建,要求必须定义指标轴(Y轴)。 类型 图例 基于水球图目标值数据格式说明
(该文档仅供参考) 问题描述: 分别给水球图指标值和目标值设置数据格式,仅指标值发生了变化,目标值字段未发生变化 水球图目标值数据格式_20240605090537.png 原因说明: 水球图的目标值是需要在前端经过表达式计算的,计算时只能使用真实值,而目前产品的数据格式都是后端生成的,前端是没办法直接应用数据格式; 处理方案: 通过宏的方式修改目标值数据格式。宏示例,以下示例仅供参考: 宏模块水球图目标值_20240704154454.png 代码内容如下: /* 效果:修改目标值数据格式 类型:ClientSide 对象:水球图 事件:onAfterRender */ function main新移动端-轮播图
轮播图即banner,它通常以轮播的形式展现,用于展现不同的信息,支持手动切换。 轮播图在手机和平板中的效果如下: 手机 平板 300.png 301.png 实现说明 轮播图展现的资源是通过指定资源目录而得,将该目录下的资源轮播展现;支持的资源类型 … 允许以该类型展现。 因此,轮播图会有以下两种处理情况: 当轮播目录类型为“图片”时,该目录下所有资源以指定图片或默认图片展现。 当轮播目录类型为“电子表格报表”时,该目录下的电子表格以表格数据形式展现,其它资源以指定图片或默认图片展现。 设置入口:在“系统选项”界面定义如下红框标识内容。该部分的设置详情请自助仪表盘 - 移动端中柱图、线图上的点难以选中
(本文档仅供参考) 问题描述: 自助仪表盘移动端看板有柱图、线图,点击柱子和或者线图上的点弹出信息框时,一般要点击好几次才能选中,或者多次都无法选中,应该如何解决呢? image2022-12-30_15-21-49.png 解决方案: 对于以上现象,Echarts本身针对这种场景是做了优化的,当点击其他图例关闭对应数据视图,只开启想要查看的数据视图,这样图形会自动自适应,就扩大了每个数据点可点击范围。 image2022-12-30_15-31-46.png 而线图可点击查看数据的只有每个数据点,但由于手机屏幕本身较小,对于点击查看数据的场景,可以将这个大小设置大一点,扩大可点击范围Echarts图形-宏代码:样式 - 饼图默认高亮显示最大扇区
(本文档仅供参考,如何不匹配实际场景,需自行调整相关宏代码) 需求描述 如何实现访问饼图默认高亮最大面积扇区,点击其他扇区也高亮其他扇区? 默认高亮最大面积扇区.gif 解决方案 (以仪表分析为例) 1、先设置图形的初始化动画为【否】: image2024-1-11_20-5-4.png 2、增加宏修改数据标签效果: 类型 对象 事件 ClientSide chart afterRenderer