组件分类及使用说明

EasyV是一款在线数字孪生可视化应用开发平台,官网地址:https://easyv.cloud/ 使用者无需设计经验或技术背景,通过简单的组件拖拽、画布编辑等操作方式即可快速创建出美观酷炫的数据可视化应用。平台支持多种数据源类型接入,具备数据实时更新性强、视觉效果丰富等特点。

同时EasyV也包含众多组件,在使用过程中难免会出现“我有数据,但是不知道选哪一个组件用来展示数据”的情况,影响整体数据展示效果,本文档作为组件文档部分的开篇介绍,说明如何选取组件。


图表组件选型指南👇:

https://dtstack.yuque.com/books/share/857405df-2200-4fc9-b9c3-7d8579fa38be/dq89o1


组件分类

EasyV组件分为常规、文字、辅助、指标、交互、其他、第三方几类组件。

  • 常规:常规组件包含柱形图、折线图、饼图、散点图等组件,通常用于展示数据间的趋势对比,比如不同分类间的数值对比,不同时间点的数据对比。
  • 文字:文字组件中包含多种形式用来展示基础文字类型数据的组件,主要用来作为标题、页面提示等形式出现。
  • 辅助:辅助组件包含图片、视频、声音、iframe等作为辅助组件来装饰项目。
  • 指标:指标组件包含基本水位图、仪表盘等多种动态展示数据指标或者数据报警等情况组件。
  • 地图:地图组件包含3D地球、多种2D地图、高德地图、3D城市、3D园区等组件,地图组件以子组件的形式展示地图中的散点、路径、标牌等信息,其中3D园区和3D城市组件可以导入glb格式模型,并可对模型配置交互,搭建智慧园区等场景。
  • 交互:交互组件包含选项卡、下拉菜单、交互组件等多种与其他组件配合进行事件交互的基础组件。
  • 其他:其他组件包含天气、时间组件、数据容器组件,通常数据容器主要用作数据集合和分发。
  • 第三方:当前EasyV第三方组件中集成ECharts,可通过ECharts代码,快速集成ECharts中的可视化组件。


以上是根据组件基本功能和样式进行分类,在使用EasyV之前不免先把所有组件都浏览一遍,对组件能展示的数据形式和基本功能有一定整体印象后再开始项目,胸有成竹则事半功倍。

组件选择

很多组件是根据其图形样式进行分类,指根据图形选择组件经常会导致组件的误用,EasyV组件是以数据为驱动,在选择组件时首先需要思考的问题是“我有什么数据”,再决定“想展示到什么效果”

比如想展示两个系列数据之间的对比关系

1、可以选择常规组件类中的柱形图、折线图、饼图、或者气泡图散点图组件,在基本需求可以满足的情况下,再考虑“我这份数据以哪种效果展示会比较好”。

2、一个简单的例子,折线图是以区域面积的形式来进行数据比较,柱状图是以柱子的形式进行数据比较,通过柱状图的高度可以很明显表达数据间的对比关系,则选择柱形图系列。

3、在柱形图系列中,有横向柱子、纵向柱子、立体柱子还有堆叠柱子,那么此时就需要考虑大屏的整体设计效果进行选择,比如,大屏中已经包含很多平面类组件,增加一个立体组件可以让大屏显示效果更好,则选择一个立体柱子组件。

以两个简单的场景为例:

1、“我有一份根据时间而变化的销量数据,想展示每个月的销量变化趋势”,提取关键字是“时间”和“销量”,则选取常规组件中面积图类组件展示效果会比较好。

2、“我有一份商品销量信息,需要轮播展示实时销量信息排名”,提取关键字是“轮播”和“排名”,则选择文字组件中的轮播表格可以实现轮播展示实时排名的需求。

如遇其他使用问题,可扫描下方二维码,获取更多产品支持~



400-8505-905复制
免费试用
在线咨询
微信社区
易知微-数据可视化
微信扫一扫入群