zoukankan      html  css  js  c++  java
  • 这个技能,让可视化大屏开挂一样的秀!

    问君能有几多愁,工作让我白了头。

    废寝忘食做大屏,上司觉得不可行。

    横批:吃藕(chou)

    最近可视化大屏怎么那么火,接连几个项目都指明要大屏。

    忙活一周都在做demo,各种扣图排版特效,自认为完美。好不容易组长点头了,项目经理pass了。改了一稿后,项目经理点头了,IT部长pass了。

    被逼无奈,请教了一个做过N张大屏的同事,二话不说给我发了几张效果图

    华丽视觉特效,简直不能太炫酷!!令人窒息!

    额,谦虚使人进步!我还有空间

    然而,更令我震惊的还在后头!

    哟哟哟,开挂了吗?本以为轮播钻取已是大招,没想到这家伙做的轮播还能自动联动其他组件!

    同样是用Finereport 10,为什么他这么优秀!

    小编端茶倒水、揉肩捶背,费劲九牛二虎之力,终于得知一个利器:一切都是用了现成的扩展图表。

    哦,原来是氪金了呀!

    我们知道,FineReport是制作报表的工具,更多解决的是业务报表制作和数据化管理问题。但是它同样被用来可视化展示,大屏就是其中之一。

    FineReport是用B/S设计器设计报表/可视化模板,然后放网页端展示。市面上大部分可视化大屏都是写JS,调用Echarts图表定制出来的,虽然效果更多,但一旦数据口径改变,或者数据量多,需要对接系统,就要写代码调整,很麻烦。

    相比而言,用报表/BI做可视化大屏,还是很简单的,拖拽各种空控件,确定了数据源、图表、布局就能出来。

    以往介绍了不少大屏的文章:

    《大屏做成这样,领导不重用你都难!》《4步教你玩转可视化大屏设计|内附实际操作》《3D全景地图,可视化大屏也有黑科技!》

    可视化大屏制作讲究实用、美观、酷炫。

    实用性的关键在于主题确定和指标设计。

    美观在于排版、配色。

    酷炫就在于你用了多少特技??

    咦,谈到特技,小编就是在特技上吃了亏,没办法,动效不感人。

    好在 同事那儿打听到 FineReport 10.0 扩展了一批新的动效插件:

    打开设计器>服务器>插件管理,安装插件扩展图表,会发现众多让人赞叹的炫酷图表,诸多为数据大屏特别优化的酷炫动效!

    得此至宝,小编要来大展身手,让领导刮目相看,走向人生巅峰!

    一、数据指标和排版布局

    数据指标的选取和排版布局的选择,大师兄在以往已经给大家解析的非常到位了,在此就不赘述了,看此文即可:

    《大屏做成这样,领导不重用你都难!》《4步教你玩转可视化大屏设计|内附实际操作》

    今天我只想感受一下扩展图表最新黑科技。

    二、扩展图表

    安装插件-扩展图表

    GIS点地图、水球图、弧形柱形图、轮播KPI指标卡、目录齿轮等。

    三、选表取数,精雕细啄

    根据需要展示的指标整理好数据,选择自己偏好的图表元素。

    咳咳,重点来了,以下内容请睁大眼睛用200%专注度阅读!!

    四、设置动效播放时自动触发其他组件数据跟随联动

    这个功能是王炸!动态效果播放时还能自动触发其他组件数据跟随联动!

    PS:老版本要更新到最新版插件才能体验

    先在水球图、弧形柱形图、折线图所调用的数据集内定义参数

    编辑轮播GIS点地图,选择播放界面,添加轮播联动

    基本上就设置好了

    接下来是配色调整,考验审美的时候。不要慌,按照 FineReport报表 - 专业的企业级Web报表工具样式,一般都可以自主调出好看的效果。

    这样,一张轮播自动联动效果的简单演示示例模板就完成了~

    PS:没有经过严格的视觉色彩设计,等着你们秀给我看了

    so,感兴趣大屏么,赶紧下载 FineReport10.0 练手吧!

  • 相关阅读:
    列表常用的方法
    python 三级联动
    tkinter--gui工具:MD5
    python PublicMethod方法如下<LoggerBase有使用>
    python config/config.ini 配置文件如下
    python browser engine封装
    python 页面基类 Page封装 →driver层的封装(最底层的封装Page)
    Eclipse配置maven环境
    appium 多个测试用例<多个 **.py文件>,只执行一次app <Python 3.8.1>
    python3版本使用weditor报错,解决方案
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13325797.html
Copyright © 2011-2022 走看看