怎么制作出领导喜欢的移动端报表?

我们在搭建或规划移动端报表时,常常会遇到一些问题:

  • 手机屏幕小,如何呈现核心业务指标?
  • 布局固化,想要更多的布局交互模式…
  • 视觉效果不好,追求“高颜值”移动报表…
  • 指标太粗,看不出问题出在哪…
  • 指标太细,又看不到整体情况…

其实,我们仔细看这些问题,无非就是两点:

1、美观的需求:充分结合移动端的特点和产品优势,进行合理布局,凸显关键指标信息,合理美化,提高报表的美观度;

2、业务的需求:除了精美的外表外,更重要的是把控业务需求,在有限的屏幕范围内,呈现核心指标,指标粗细结合,全面展现业务状态。

所以,在做移动端报表时,我们要综合移动端特点、业务诉求和分析云产品优势,做出一张符合需求的移动端报表。

我有五点小建议,仅供参考:

1、选对元素,展现最佳

移动端报表,主要以图表呈现,图形在信息的传递上具有更好的呈现效果。所以,合理使用图表,达到信息传递的效果。表格、柱状图、折线图、饼图、仪表盘…等各种图形,都有其独特的展现形式和突出重点,选择恰当的图表,表现效果事半功倍!

2、核心数据,一目了然

1、移动端报表,最核心的元素置顶呈现,可以采用指标呈现,数字的表达更加醒目、简洁,且占用空间少,是最直接展示方式。

2、可以通过设置前景色、背景色的变化实现预警,让异常指标展现更加一目了然。

3、尽量在一屏内展现完整数据,减少滚屏的出现,如果表格较大,展示的数据较多,分析云也支持锁定前N列功能或横屏查看,保障用户清晰的看到数据内容。

3、布局清晰,条理性强

与PC端报表不同,移动端报表的呈现形式主要是竖排展现。想要更多的布局交互模式,那就少不了分析云的分段器。分析云的分段器,可以帮助用户快速实现视图的切换,满足沉浸式阅读需求,大大方便了用户的应用。

4、交互展现,粗细结合

受屏幕限制,移动端报表展现的数据是有限的,当领导看到汇总数据、了解了整体运营状况之后,如果发现指标异常、或是想要了解更多详细数据,可以使用分析云的钻取、穿透功能,将数据分层展示,避免了同一界面中展示大量的数据,不利于用户的浏览。

5、美化图表,细节设置

分析云支持报表的美化,如更换背景色、修改主题色、隐藏logo等等,制作移动端报表时在【高级】中可实现美化。

深色背景:

修改主题色:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/52956.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

五分钟教你学会FineReport销售财务报表制作

前言 销售是一个企业最大的利润来源,每一个企业都希望实现销售业绩的最大化增长。对于每一个企业来说,销售都是非常重要的一环。对于企业的领导来说,经常关注的就包括销售分析报表,它能分析出目前企业的销售运营状态,…

Jasper(3)——制作图表报表

之前本人是用前端的chart.js进行图表的制作,现在用一下Jasper看看如何制作图表报表。 制作报表 新创建一个报表文件:demo2.jrxml 不懂的关于Jaspersoft Studio的操作,请看上一篇: Jasper(2)——简单使用导…

FineReport制作报表讲解(基本操作以及网络报表)

FineReport软件是用于制作报表的,由于工作需要,也学习了如何使用,今天来讲一下。 首先是需要连接数据库,操作如下: 初始界面如图 创建一张工作簿,点击左下角的加号创建数据库查询 点击圈住的那个标签进行…

学习用康虎云报表模板设计器制作好用的报表(1)

康虎云报表提供一个可视化的模板设计器。 模板设计器包括若干个工具条,可以停靠在任何你想要的地方。这些工具条会记住上次停靠的位置。 初识模板设计器: 设计器主界面如下图: 下面是模板设计器的一些关键特性: 1 – 模板设计工…

【手把手教你】用backtrader量化回测海龟交易策略

01 引言 海龟交易策略是比较经典的趋势交易系统之一,涵盖了从入场交易(品种选择)、仓位管理(基于ATR加减仓)、离场(触发条件)的整个过程。机械套用海龟交易法则在A股上进行交易可能效果不佳&…

[061量化交易]python使用baostock下载全部行情数据

提前建立下载目录文件夹 import baostock as bs import pandas as pd import datetime# 是否删除停盘数据 DROP_SUSPENSION Truedef load_stk_list():df pd.read_csv(D:/stk_list.csv)return df[code].tolist()def convert_time(t):H t[8:10]M t[10:12]S t[12:14]return …

文心一言释义|科技创新

文心一言 前言1、什么是文心一言?2、有什么作用?3、从哪里来,发展前景? 一、文心一言优势1、文学创作、商业文案创作、数理逻辑推算、中文理解、多模态生成1、中文理解2、多模态生成一大特点:自动文本摘要 总结 前言 …

一文详说怎么打开和使用caj文件,以及caj是什么格式的文件

文件目录 1. caj是什么格式的文件2. 打开和使用caj文件3. 文末总结 1. caj是什么格式的文件 曾记得做毕业设计时,从中国知网下载的文档,就是caj格式的。 曾经试着将caj文件转为pdf文件,比如,我将软件开发.caj转化为软件开发.pdf&…

怎么注销计算机的用户,如何注销/取消绑定在临时电脑上administrator用户上登陆过的微软账号教程...

相比大家遇到这个问题很久了,这个其实上是windows10 的一个bug;大致的问题有如下几个 问题描述: 问题1:在非个人电脑上登录过微软账户,改用本地账户登录后,微软自带的邮件应用、todo、OneNote、OneDrive、e…

注销账号功能(账号保留一个月)

数据库实现 -- 1、打开调度(这样才会自动调用事件) -- 查询方法(注意: -- 和查询之间有个空格,否则不能被识别为注释) select event_scheduler -- 设置方法(开启) SET global.event_scheduler ON; -- 设置方法(关闭) -- SET gl…

微信怎么注销账号?10%的人已注销

微信怎么注销账号?使用微信的各位一定知道一个人是可以同时拥有很多个微信号的,基本上你有多少个手机号,就等于拥有等量的微信号。怎么注销微信?当你已经拥有多个微信号的时候,有时候某个多余的微信号根本不常用到&…

ChatGPT 背后的技术重点:RLHF、IFT、CoT、红蓝对抗

近段时间,ChatGPT 横空出世并获得巨大成功,使得 RLHF、SFT、IFT、CoT 等这些晦涩的缩写开始出现在普罗大众的讨论中。这些晦涩的首字母缩略词究竟是什么意思?为什么它们如此重要?我们调查了相关的所有重要论文,以对这些…

新程序员大会(NPCon):从大模型到AGI,ChatGPT的大航海时代!

AI激荡70载,身处操作系统演变的中心位置,在ChatGPT、文心一言等AIGC产品,GPT-4、Stable Diffusion、Midjourney等AI大模型的加持下,程序员现有的编程范式将会遭到怎样的冲击?面向的全新AI应用时代,开发者的…

AI大模型时代下运维开发探索第一篇:ReAct工程初探

引子 人工智能大模型的出现,已渐渐地影响了我们的日常生活和工作方式。生活中无处不在的AI,使我们的生活变得更加智能和便捷。工作中,AI大模型的高效和精准,极大地提升了我们解决问题的效率。 是的,我们不能忽视AI大…

ITK和VTK读取DICOM图像文件

ITK和VTK读取DICOM图像文件 ITK读取DICOM图像 相比于VTK类库中vtkDICOMImageReader类读取DICOM序列图像,借助ITK类库实现对DICOM序列图像的读取要复杂许多。但是,使用ITK类库读取图像不像使用VTK类库那么功能局限,VTK类库对每种图像格式都有…

VTK使用

入门参考的这篇&#xff08;修改了很多&#xff09;&#xff1a;QT加载显示DICOM文件浏览 但还是必须在main()中先读文件再show&#xff0c;先show了再打开文件是黑的显示不出来&#xff08;后续再查&#xff09;。 //.h中要加入 #include <vtkAutoInit.h> VTK_MODULE_I…

VTK教程3--------打开vtk文件

下面&#xff0c;本教程将介绍如何在MFC下打开vtk文件&#xff0c;最终的效果如图所示&#xff1a; 如果你看过一些三维重建相关的论文&#xff0c;那么一定对这个图像很熟悉。很多论文都会以这个图像作为例子讲解&#xff0c;好了&#xff0c;闲话少说&#xff0c;直接讲实现…

Android中读取电话本Contacts联系人的所有电话号信息

1.首先&#xff0c;要知道android 的contacts里的电话信息有多类&#xff1a;moblie,家庭&#xff0c;工作&#xff0c;传真等。如图&#xff1a; 2.android的Contacts是通过ContentProvider来提供的&#xff0c;其实android把contacts和SMS给组织成数据库文件了&#xff0c;你…

虚拟化 : VT-x VT-d VT-c的分别

虚拟化 &#xff1a; VT-x VT-d VT-c的分别: VT-x [运行ESXI上的64bit Guest OS基本指令] Intel运用Virtualization虚拟化技术中的一个指令集。VT-x有助于提高基于软件的虚拟化解决方案的灵活性与稳定性。通过按照纯软件虚拟化的要求消除虚拟机监视器(VMM&#xff09;代表…

VTK-vtkPolyDataNormals

前言&#xff1a;本博文主要记录vtkPolyDataNormals的用途&#xff0c;使用方法以及实现原理&#xff0c;帮助更多的小伙伴更好的理解和应用vtk。 目录 1. vtkPolyDataNormals 2. 使用示例 3. 实现原理 1. vtkPolyDataNormals vtkPolyDataNormals可以计算多边形网格数据的点…