点击关注公众号,实用技术文章及时了解4f2d86a43337833fc62ddc2ad2b026a4.png

来源:blog.csdn.net/hwhsong/article/

details/80805511

数据可视化:把相对复杂的、抽象的数据通过可视的、交互的方式进行展示,从而形象直观地表达数据蕴含的信息和规律。数据可视化是数据空间到图形空间的映射,是抽象数据的具象表达。

数据可视化交互的基本原则:总览为先,缩放过滤按需查看细节。

大屏数据可视化是当前可视化领域的一项热门应用,通常可以分为信息展示类、数据分析类及监控预警类。

大屏数据可视化应用的难点并不在于图表类型的多样化,而在于如何能在简单的一页之内让用户读懂数据之间的层次与关联,这就关系到布局、色彩、图表、动效的综合运用。如排版布局应服务于业务,避免为展示而展示;配色一般以深色调为主,注重整体背景和单个视觉元素背景的一致性。

制作可视化大屏,最便捷有效的方式是使用DataV、帆软等报表工具,而本示例项目则使用ECharts自行开发。

项目案例 - 上市公司全景概览

b6c6ca174f56ed5e1abbd9fc3c842054.png

地图数据可视化 - 基于ECharts Geo

093b8d75482d6dedd70311acdb8bc7a0.png

3D图表展示 - 基于ECharts GL

b046d8c71d658c294503237874aa5cf8.png

热力图展示 - 基于ECharts & 百度地图

ca132050bdb09a2d760ffbdc18e78bfd.png

ECharts扩展示例

cc083203a5a9df811ee5a2355b2ff218.png

旭日图 - 基于ECharts V4.2

a482edd94a3fa5fc677b202b125337aa.png

地理信息数据 - ECharts & Baidu Map

4fb01383101ce4735e399f69207d2869.png
  • 项目Git地址:https://github.com/yyhsong/iDataV

  • 演示地址:https://yyhsong.github.io/iDataV

后记

除自行开发可视化大屏外,还可以通过第三方服务来快速实现,如阿里云DataV、腾讯云图、百度Sugar等

推荐:

主流Java进阶技术(学习资料分享)

2f42032eccd2c2f92fbece212fa258bb.png

PS:因为公众号平台更改了推送规则,如果不想错过内容,记得读完点一下“在看”,加个“星标”,这样每次新文章推送才会第一时间出现在你的订阅列表里。点“在看”支持我们吧!

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐