CN113900607A - 一种基于社区的数据大屏可视化***的构建方法 - Google Patents
一种基于社区的数据大屏可视化***的构建方法 Download PDFInfo
- Publication number
- CN113900607A CN113900607A CN202111018331.4A CN202111018331A CN113900607A CN 113900607 A CN113900607 A CN 113900607A CN 202111018331 A CN202111018331 A CN 202111018331A CN 113900607 A CN113900607 A CN 113900607A
- Authority
- CN
- China
- Prior art keywords
- data
- screen
- component
- visualization
- components
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000012800 visualization Methods 0.000 title claims abstract description 74
- 238000010276 construction Methods 0.000 title description 4
- 238000000034 method Methods 0.000 claims abstract description 46
- 238000013079 data visualisation Methods 0.000 claims abstract description 29
- 230000000007 visual effect Effects 0.000 claims abstract description 17
- 230000008569 process Effects 0.000 claims abstract description 14
- 238000012360 testing method Methods 0.000 claims description 11
- 238000004519 manufacturing process Methods 0.000 claims description 6
- 238000013507 mapping Methods 0.000 claims description 6
- 238000004806 packaging method and process Methods 0.000 claims description 6
- 238000009877 rendering Methods 0.000 claims description 5
- 230000003068 static effect Effects 0.000 claims description 5
- 238000006243 chemical reaction Methods 0.000 claims description 3
- 238000012790 confirmation Methods 0.000 claims description 3
- 238000005538 encapsulation Methods 0.000 claims description 3
- 230000008676 import Effects 0.000 claims description 3
- 238000009434 installation Methods 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 claims description 2
- 230000004927 fusion Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/904—Browsing; Visualisation therefor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种基于社区的数据大屏可视化***的构建方法,属于数据可视化技术领域。一种基于社区的数据大屏可视化***的构建方法,包括以下步骤:建立多层级的树状工作空间管理维度;基于工作空间建立多版本管理;基于版本建立树状多场景管理;基于场景建立大屏管理;对场景下的大屏根据用户自身的数据可视化需求进行管理配置;建立可视化大屏编辑器;选择组件,并将组件在大屏编辑器中进行组合;通过数据大屏可视化***提供的环境变量的功能可快速的完成组件数据源的配置过程;操作完成预览大屏,确认无误之后发布大屏即可;发布之后,用户可以选择在数据大屏可视化***直接预览或者使用数据大屏可视化***提供的NPM Edata‑Preview接入到三方***中。
Description
技术领域
本发明涉及数据可视化技术领域,更具体地说,涉及一种基于社区的数据大屏可视化***的构建方法。
背景技术
目前市场上有较多的数据大屏可视化***。可视化***一般以配置独立大屏作为目标,丰富大屏的内容并发布,以完成用户对于数据可视化需求的实现。
但是在社区的大屏数据可视化需求场景中,存在以下缺点:
1.社区维度包含不同类型的用户权限划分,如社区-街道-园区级角色,每一级角色均有不同的数据可视化需求;
2.社区级垂直管理权限需求,如社区级角色可以看到社区、街道以及园区的数据大屏,街道级角色可以看到街道以及园区级大屏,园区级只能看到自己的大屏;
3.每一级角色会有不同的大屏场景需求,如综合态势、教育版块、生活版块等等,需要将若干个大屏组合为一个综合数据展示大屏。
综合以上三个方面,传统的大屏可视化***将无法很好的适用于社区的场景中,基于此问题,需要开发能够更好的适配于社区维度的数据可视化大屏***构建的方法。
发明内容
1.要解决的技术问题
针对现有技术中存在的问题,本发明的目的在于提供一种基于社区的数据大屏可视化***的构建方法,它可以实现大屏可视化同社区更好的融合,匹配社区场景的工作空间、版本、场景需求,便于社区的垂直管理。
2.技术方案
为解决上述问题,本发明采用如下的技术方案。
一种基于社区的数据大屏可视化***的构建方法,包括以下步骤:
S1、建立多层级的树状工作空间管理维度;
S2、基于工作空间建立多版本管理,以满足社区的不同版本的大屏需求;
S3、基于版本建立树状多场景管理,以满足同一大屏显示不同空间层级不同场景的大屏需求;
S4、基于场景建立大屏管理,每个场景下可以存在多个大屏,但是同时只能发布一个大屏;
S5、对场景下的大屏根据用户自身的数据可视化需求进行管理配置,在此之前需要先完成数据可视化最小单元即可视化组件的封装;
S6、建立可视化大屏编辑器;
S7、选择组件,并将组件在大屏编辑器中进行组合,配置组件宽高、图层顺序、组件属性、组件数据源;
S8、通过数据大屏可视化***提供的环境变量的功能可快速的完成组件数据源的配置过程;
S9、操作完成预览大屏,确认无误之后发布大屏即可;
S10、发布之后,用户可以选择在数据大屏可视化***直接预览或者使用数据大屏可视化***提供的NPM Edata-Preview接入到三方***中。
Edata-Preview用于将基于园区的数据可视化大屏以组件化的方式接入到第三方***的插件中,相比于页面嵌套的方式,该方式的接入会有更好的交互体验以及较高的性能。
进一步的,S2中基于工作空间下的版本可以创建一个或多个环境,每个环境下可以新增一个或多个当前环境下的变量映射,变量为variable值为value;在基于工作空间下的版本下的环境之外,定义一个基于***级的全局环境,全局环境可以在任意工作空间的版本下使用。
进一步的,S5中可视化组件的封装包括以下步骤:
A1、对常用的组件进行封装,确定组件分组及分类,如图表类-柱状图;
A2、设计组件属性及组件属性对应的渲染配置组件类型;
A3、设计组件数据源;
A4、发布组件到NPM仓库;
A5、将已发布的组件添加到大屏可视化***的组件列表,供可视化大屏编辑器选择并使用。
进一步的,A3中将组件发布到NPM仓库中的方式为:将组件通过npm run build命令进行组件代码语法校验及组件单元测试,组件代码语法校验及组件单元测试均通过之后会进行组件代码编译,随后可通过npm run publish选择需要发布的组件版本发布到NPMEdata-Charts仓库中。
进一步的,S6中的可视化大屏编辑器包括以下模块:
B1、图层管理:管理编辑器中已经添加的可视化组件,图层包含置顶、置底、上移一层、下移一层、成组、取消成组、锁定、解锁、显示、隐藏、复制样式、应用样式、复制数据、应用数据、重命名、复制、收藏和删除功能;
B2、组件管理:显示所有支持的数据可视化组件,包含常规图表(柱状图、折线图、饼图等)、文本、媒体、事件、应用区、列表等模块;
B3、可视化操作管理:从组件列表中拖动组件到该区域,可任意组合组件并进行组件样式及数据源配置进行自定义大屏;
B4、属性面板管理:对大屏、组件/组属性、数据源进行自定义配置;
B5、工具栏:滤镜、过滤器、组件检索、辅助线、跨屏拷贝、快照、发布管理、帮助中心及预览。
进一步的,通过数据过滤器的过滤器规则完成对数据源的自定义配置,以满足不同社区不同业务场景的需求。
进一步的,通过B5工具栏中快照模块为保证大屏的稳定版本的保障,用户可以将任意时间节点编辑的大屏保存为快照并发布,生产环境接入的大屏显示的版本为该快照对应的版本,后续下一次快照发布之前的任意操作均不会影响当前稳定版本的数据展现。
进一步的,S7中选择组件的方式为:包括以下步骤:
C1、从标准组件库中选择图表、文本、列表或交互基础组件;
C2、从用户收藏的组件中选择一个基础组件或一组组合组件;
C3、从其他数据可视化大屏选择一个或多个需要的组件通过“跨屏拷贝”功能拷贝到用户的数据可视化大屏中;
C4、从组件市场中选择官方、其他用户发布的一个或多个组件的组合并点击复制,在用户的数据可视化大屏中粘贴即可使用组件市场的组件。
进一步的,S7中组件数据源包括静态数据、API接口、Websocket推送和CSV数据;可通过字段映射对数据源做字段转换,以满足不同组件对数据格式的不同需求。
进一步的,S10中使用数据大屏可视化***提供的NPM Edata-Preview接入到三方***中的步骤为:首先通过npm install edata-preview安装插件;安装完成后通过importPreviewer from‘edata-preview’引入组件;最后引入<Previewer{...props}/>即可完成***的接入;
其中props属性描述如下:
D1、提供一个可供可视化大屏显示的容器,如document.getElementById(“screen”);
D2、可视化大屏实例ID,此ID在数据大屏可视化***中可以直接拷贝;
D3、图表是否可见visible,通过此属性可控制是否显示可视化大屏中的图表;
D4、接入可视化大屏模式:preview-预览模式;publish-发布模式,同时满足用户在调试阶段的所见即所得及线上环境的稳定发布版本的需求;
D5、接入可视化大屏环境:dev-测试环境;prod-线上环境,同时满足用户在测试环境调试可视化大屏组件属性及数据源以及线上环境的稳定发布版本的需求;
D6、是否开始调试模式:开启后将会在控制台打印调试信息,以辅助用户更好的完成可视化大屏的制作过程。
3.有益效果
相比于现有技术,本发明的优点在于:
(一)本方案可以实现大屏可视化同社区更好的融合,匹配社区场景的工作空间、版本、场景需求,便于社区的垂直管理。
(二)基于社区的数据大屏可视化***发明了组件市场的概念。用户可以方便地从组件市场中选择自己需要的组件,同时也可以把自己的组件发布到组件市场,避免了用户每次需要花费大量的时间调整大屏组件的属性、数据源以及布局等。
(三)基于社区的数据大屏可视化***发明了将数据大屏可视化作为服务接入到三方***的模式。一般数据大屏可视化***使用均需要基于可视化平台,无法独立运行。本***通过NPM Edata-Preview插件可以非常方便地将数据大屏可视化服务接入到任意三方***中。
(四)基于社区的数据大屏可视化***发明了环境变量融入数据大屏可视化的管理方式,解决了用户在配置数据大屏可视化的过程中所遇到的组件数据源重复定义耗时较多及调试成本高的问题。
附图说明
图1为本发明的流程图;
图2为本发明的编辑器组件数据源数据处理过程图。
具体实施方式
请参阅图1-2的一种基于社区的数据大屏可视化***的构建方法,它包括以下步骤:
S1、建立多层级的树状工作空间管理维度(如社区-街道-园区);
S2、基于工作空间建立多版本管理,以满足社区的不同版本的大屏需求;
S3、基于版本建立树状多场景管理,以满足同一大屏显示不同空间层级不同场景的大屏需求;
S4、基于场景建立大屏管理,每个场景下可以存在多个大屏,但是同时只能发布一个大屏;
S5、对场景下的大屏根据用户自身的数据可视化需求进行管理配置,在此之前需要先完成数据可视化最小单元即可视化组件的封装;
S6、建立可视化大屏编辑器;
S7、选择组件,并将组件在大屏编辑器中进行组合,配置组件宽高、图层顺序、组件属性、组件数据源;
S8、通过数据大屏可视化***提供的环境变量的功能可快速的完成组件数据源的配置过程;
S9、操作完成预览大屏,确认无误之后发布大屏即可;
S10、发布之后,用户可以选择在数据大屏可视化***直接预览或者使用数据大屏可视化***提供的NPM Edata-Preview接入到三方***中。
S2中基于工作空间下的版本可以创建一个或多个环境,每个环境下可以新增一个或多个当前环境下的变量映射,变量为variable值为value;在基于工作空间下的版本下的环境之外,定义一个基于***级的全局环境,全局环境可以在任意工作空间的版本下使用。
一般数据大屏可视化***用户在配置组件数据的过程中,会包含大量重复的数据,比如:数据源请求地址、数据权限校验码等。在数据大屏可视化的编辑过程中,在任意组件数据源的编辑过程中对于需要重复定义的数据可以使用变量映射来替代。如在配置过程中可以使用类似:{{BASE_API_PATH}}/api/chart/lineChartsData的定义组件数据源的API配置,解析的过程中会将{{BASE_API_PATH}}替换为用户定义的实际路径,从而解决用户在配置数据大屏可视化的过程中所遇到的重复定义的问题。在切换环境的过程中{{BASE_API_PATH}}会被替换为当前所选择的环境中此变量映射的实际值,从而解决用户在多环境中需要频繁修改组件数据源配置的过程。
S5中可视化组件的封装包括以下步骤:
A1、对常用的组件进行封装,确定组件分组及分类,如图表类-柱状图;
A2、设计组件属性及组件属性对应的渲染配置组件类型;
A3、设计组件数据源;
A4、发布组件到NPM仓库(组件版本遵循Semver规范,组件根据组件类型按单独对象导出,如export{default as BasicLineChart}from'./components/charts/BasicLineChart';便于使用的同时保持较高的渲染性能);
A5、将已发布的组件添加到大屏可视化***的组件列表,供可视化大屏编辑器选择并使用。
A2中的组件属性渲染方式如下表:
A3中组件数据源的源代码如下:
{
description:string;//描述
data:any;//静态数据
fields:Record<string,any>;//字段定义
fieldsMap?:Record<string,any>;//字段动态映射
useFilter?:boolean;//是否使用过滤器
filters?:{id:string;enable:boolean}[];//当前图层使用的过滤器
type:'static'|'api'|'websocket';//当前使用的数据源类型
api?:string;//api地址
useWebsocket?:boolean;//是否使用websocket数据源
websocketUrl?:string;//websocket地址
headers?:string;//Headers
useProxy?:boolean;//是否使用服务器代理
autoUpdate?:{//自动更新接口配置
enable?:boolean;
interval?:number;
};
}
A3中将组件发布到NPM仓库中的方式为:将组件通过npm run build命令进行组件代码语法校验及组件单元测试,组件代码语法校验及组件单元测试均通过之后会进行组件代码编译,随后可通过npm run publish选择需要发布的组件版本发布到NPM Edata-Charts仓库中。
S6中的可视化大屏编辑器包括以下模块:
B1、图层管理:管理编辑器中已经添加的可视化组件,图层包含置顶、置底、上移一层、下移一层、成组、取消成组、锁定、解锁、显示、隐藏、复制样式、应用样式、复制数据、应用数据、重命名、复制、收藏和删除功能;
B2、组件管理:显示所有支持的数据可视化组件,包含常规图表(柱状图、折线图、饼图等)、文本、媒体、事件、应用区、列表(等)模块;
B3、可视化操作管理:从组件列表中拖动组件到该区域,可任意组合组件并进行组件样式及数据源配置进行自定义大屏;
B4、属性面板管理:对大屏、组件/组属性、数据源进行自定义配置;
B5、工具栏:滤镜、过滤器、组件检索、辅助线、跨屏拷贝、快照、发布管理、帮助中心及预览。
大屏的任意配置属性更新,及组件的新增、删除、缩放、移动、属性变更、数据源变更等任意操作,均会同步到服务端进行更新,保持大屏编辑面板的数据同步;同时,基于单向数据流下的数据结构,组件的任何操作均是可以撤销/回退的;如下源代码中的撤销栈状态树:
{
past:[],//撤销栈的历史状态
present:Object,//当前的状态
feature:[],//撤销栈的未来状态
}
在组件状态变更的时候均会记录状态树的past历史状态,preset当前状态以及feature未来的状态,可以方便的实现撤销/重做的功能。
通过数据过滤器的过滤器规则完成对数据源的自定义配置,以满足不同社区不同业务场景的需求;其中过滤器规则如下所示:
过滤器写法:
1、接口定义如下,框架只传入一个变量data,过滤器需要返回经过处理后的data:
function(data){
//do something...
return data;
}
2、只需要写函数体(function body),如上例只需要写入:
//do something...
return data;
3、已内置moment(moment)、lodash(_)工具类支持,可直接使用。
4、仅允许访问部分全局对象:
Object、Array、Date、Math、parseInt、parseFloat、String、RegExp、Boolean、JSON.
通过B5工具栏中快照模块为保证大屏的稳定版本的保障,用户可以将任意时间节点编辑的大屏保存为快照并发布,生产环境接入的大屏显示的版本为该快照对应的版本,后续下一次快照发布之前的任意操作均不会影响当前稳定版本的数据展现;其中生产环境指的是测试环境和稳定运行的环境。
S7中选择组件的方式为:包括以下步骤:
C1、从标准组件库中选择图表、文本、列表或交互(等)基础组件;
C2、从用户收藏的组件中选择一个基础组件或一组组合组件;
C3、从其他数据可视化大屏选择一个或多个需要的组件通过“跨屏拷贝”功能拷贝到用户的数据可视化大屏中;
C4、从组件市场中选择官方、其他用户发布的一个或多个组件的组合并点击复制,在用户的数据可视化大屏中粘贴即可使用组件市场的组件。
S7中组件数据源包括静态数据、API接口、Websocket推送和CSV数据;可通过字段映射对数据源做字段转换,以满足不同组件对数据格式的不同需求。
S10中使用数据大屏可视化***提供的NPM Edata-Preview接入到三方***中的步骤为:首先通过npm install edata-preview安装插件;安装完成后通过importPreviewer from‘edata-preview’引入组件;最后引入<Previewer{...props}/>即可完成***的接入;
其中props属性描述如下:
D1、提供一个可供可视化大屏显示的容器,如document.getElementById(“screen”);
D2、可视化大屏实例ID,此ID在数据大屏可视化***中可以直接拷贝;
D3、图表是否可见visible,通过此属性可控制是否显示可视化大屏中的图表;
D4、接入可视化大屏模式:preview-预览模式;publish-发布模式,同时满足用户在调试阶段的所见即所得及线上环境的稳定发布版本的需求;
D5、接入可视化大屏环境:dev-测试环境;prod-线上环境,同时满足用户在测试环境调试可视化大屏组件属性及数据源以及线上环境的稳定发布版本的需求;
D6、是否开始调试模式:开启后将会在控制台打印调试信息,以辅助用户更好的完成可视化大屏的制作过程。
下表为三方***接入方式表:
本发明适用于包含社区的多场景的大屏管理:
(1)自定义空间结构:将空间结构设计为自定义的层级结构,将更容易同社区实际空间、管理结构同步,实现垂直化管理。
(2)空间多版本支持:作为数据大屏可视化***在接入社区管理体系可以实现不同阶段下管理者对于同一个空间的不同数据展现维度的需求。
(3)版本自定义场景支持:用户自由添加需要展示的场景,可以在同一张大屏中从不同的维度展现园区的大屏数据。
本发明的数据大屏可视化***的构建方法可完成基础大屏可视化的功能,可完成了6类54个组件的接入,以及部分社区级组件的接入。
Claims (10)
1.一种基于社区的数据大屏可视化***的构建方法,其特征在于:包括以下步骤:
S1、建立多层级的树状工作空间管理维度;
S2、基于工作空间建立多版本管理,以满足社区的不同版本的大屏需求;
S3、基于版本建立树状多场景管理,以满足同一大屏显示不同空间层级不同场景的大屏需求;
S4、基于场景建立大屏管理,每个场景下可以存在多个大屏,但是同时只能发布一个大屏;
S5、对场景下的大屏根据用户自身的数据可视化需求进行管理配置,在此之前需要先完成数据可视化最小单元即可视化组件的封装;
S6、建立可视化大屏编辑器;
S7、选择组件,并将组件在大屏编辑器中进行组合,配置组件宽高、图层顺序、组件属性、组件数据源;
S8、通过数据大屏可视化***提供的环境变量的功能可快速的完成组件数据源的配置过程;
S9、操作完成预览大屏,确认无误之后发布大屏即可;
S10、发布之后,用户可以选择在数据大屏可视化***直接预览或者使用数据大屏可视化***提供的NPM Edata-Preview接入到三方***中。
2.根据权利要求1所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:S2中基于工作空间下的版本可以创建一个或多个环境,每个环境下可以新增一个或多个当前环境下的变量映射,变量为variable值为value;在基于工作空间下的版本下的环境之外,定义一个基于***级的全局环境,全局环境可以在任意工作空间的版本下使用。
3.根据权利要求1所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:S5中可视化组件的封装包括以下步骤:
A1、对常用的组件进行封装,确定组件分组及分类;
A2、设计组件属性及组件属性对应的渲染配置组件类型;
A3、设计组件数据源;
A4、发布组件到NPM仓库;
A5、将已发布的组件添加到大屏可视化***的组件列表,供可视化大屏编辑器选择并使用。
4.根据权利要求3所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:A3中将组件发布到NPM仓库中的方式为:将组件通过npm run build命令进行组件代码语法校验及组件单元测试,组件代码语法校验及组件单元测试均通过之后会进行组件代码编译,随后可通过npm run publish选择需要发布的组件版本发布到NPM Edata-Charts仓库中。
5.根据权利要求1所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:S6中的可视化大屏编辑器包括以下模块:
B1、图层管理:管理编辑器中已经添加的可视化组件,图层包含置顶、置底、上移一层、下移一层、成组、取消成组、锁定、解锁、显示、隐藏、复制样式、应用样式、复制数据、应用数据、重命名、复制、收藏和删除功能;
B2、组件管理:显示所有支持的数据可视化组件,包含常规图表、文本、媒体、事件、应用区、列表模块;
B3、可视化操作管理:从组件列表中拖动组件到该区域,可任意组合组件并进行组件样式及数据源配置进行自定义大屏;
B4、属性面板管理:对大屏、组件/组属性、数据源进行自定义配置;
B5、工具栏:滤镜、过滤器、组件检索、辅助线、跨屏拷贝、快照、发布管理、帮助中心及预览。
6.根据权利要求5所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:通过数据过滤器的过滤器规则完成对数据源的自定义配置,以满足不同社区不同业务场景的需求。
7.根据权利要求5所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:通过B5工具栏中快照模块为保证大屏的稳定版本的保障,用户可以将任意时间节点编辑的大屏保存为快照并发布,生产环境接入的大屏显示的版本为该快照对应的版本,后续下一次快照发布之前的任意操作均不会影响当前稳定版本的数据展现。
8.根据权利要求1所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:S7中选择组件的方式为:包括以下步骤:
C1、从标准组件库中选择图表、文本、列表或交互基础组件;
C2、从用户收藏的组件中选择一个基础组件或一组组合组件;
C3、从其他数据可视化大屏选择一个或多个需要的组件通过“跨屏拷贝”功能拷贝到用户的数据可视化大屏中;
C4、从组件市场中选择官方、其他用户发布的一个或多个组件的组合并点击复制,在用户的数据可视化大屏中粘贴即可使用组件市场的组件。
9.根据权利要求1所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:S7中组件数据源包括静态数据、API接口、Websocket推送和CSV数据;可通过字段映射对数据源做字段转换,以满足不同组件对数据格式的不同需求。
10.根据权利要求1所述的一种基于社区的数据大屏可视化***的构建方法,其特征在于:S10中使用数据大屏可视化***提供的NPM Edata-Preview接入到三方***中的步骤为:首先通过npm install edata-preview安装插件;安装完成后通过import Previewerfrom ‘edata-preview’引入组件;最后引入<Previewer {...props} />即可完成***的接入。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111018331.4A CN113900607A (zh) | 2021-09-01 | 2021-09-01 | 一种基于社区的数据大屏可视化***的构建方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111018331.4A CN113900607A (zh) | 2021-09-01 | 2021-09-01 | 一种基于社区的数据大屏可视化***的构建方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113900607A true CN113900607A (zh) | 2022-01-07 |
Family
ID=79188189
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111018331.4A Pending CN113900607A (zh) | 2021-09-01 | 2021-09-01 | 一种基于社区的数据大屏可视化***的构建方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113900607A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115334064A (zh) * | 2022-07-26 | 2022-11-11 | 广州通则康威智能科技有限公司 | 一种配置***的生成方法及装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140019627A (ko) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | 웹 어플리케이션 저작도구 및 저작 방법 |
CN109410698A (zh) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | 数据大屏可视化方法及*** |
CN110597586A (zh) * | 2019-08-19 | 2019-12-20 | 北京邮电大学 | 基于拖拽的组件化布局大屏方法和装置 |
CN110825390A (zh) * | 2019-10-11 | 2020-02-21 | 紫光云(南京)数字技术有限公司 | 可视化大屏项目快速部署 |
CN111857659A (zh) * | 2020-06-30 | 2020-10-30 | 太极计算机股份有限公司 | 一种异构数据源拖拽的数据可视化设计平台 |
CN112988862A (zh) * | 2021-02-09 | 2021-06-18 | 中国建设银行股份有限公司 | 一种可配置化的数据可视化方法和装置 |
-
2021
- 2021-09-01 CN CN202111018331.4A patent/CN113900607A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140019627A (ko) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | 웹 어플리케이션 저작도구 및 저작 방법 |
CN109410698A (zh) * | 2018-09-19 | 2019-03-01 | 浙江省测绘科学技术研究院 | 数据大屏可视化方法及*** |
CN110597586A (zh) * | 2019-08-19 | 2019-12-20 | 北京邮电大学 | 基于拖拽的组件化布局大屏方法和装置 |
CN110825390A (zh) * | 2019-10-11 | 2020-02-21 | 紫光云(南京)数字技术有限公司 | 可视化大屏项目快速部署 |
CN111857659A (zh) * | 2020-06-30 | 2020-10-30 | 太极计算机股份有限公司 | 一种异构数据源拖拽的数据可视化设计平台 |
CN112988862A (zh) * | 2021-02-09 | 2021-06-18 | 中国建设银行股份有限公司 | 一种可配置化的数据可视化方法和装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115334064A (zh) * | 2022-07-26 | 2022-11-11 | 广州通则康威智能科技有限公司 | 一种配置***的生成方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Ohst et al. | Differences between versions of UML diagrams | |
CN1961314B (zh) | 修正过程控制数据的方法及装置 | |
US6993708B1 (en) | System for automated generation and assembly of specifications documents in CADD environments | |
WO2020015613A1 (zh) | 一种cad协同设计*** | |
US20040031015A1 (en) | System and method for manipulation of software | |
CN116225429A (zh) | 基于拖拽式组件框架的ipage网页式低代码开发平台 | |
US20030098880A1 (en) | System and apparatus for programming system views in an object oriented environment | |
US7760405B2 (en) | Apparatus and method for integrating print preview with data modeling document editing | |
US9110870B1 (en) | Automated system for assisting the architectural process | |
US20090307621A1 (en) | System and method for enabling access to a data source through a graphical interface | |
AU2012327168B2 (en) | Amethod and structure for managing multiple electronic forms and their records using a static database | |
CN103348329A (zh) | 生成测试数据 | |
Bakke et al. | A spreadsheet-based user interface for managing plural relationships in structured data | |
MacDonald | Building a geodatabase | |
CN113168497A (zh) | 改进的电子表格和用于更新电子表格的方法 | |
US7421450B1 (en) | Database extensible application development environment | |
Ohst et al. | Difference tools for analysis and design documents | |
CN103309648A (zh) | 图形化制作软件的***和方法 | |
Halpin et al. | Database modeling with Microsoft® Visio for enterprise architects | |
CN113900607A (zh) | 一种基于社区的数据大屏可视化***的构建方法 | |
Jelen et al. | Excel 2013 pivot table data crunching | |
US10140387B2 (en) | Model for managing variations in a product structure for a product | |
CN117010198A (zh) | 一种基于SysML的多用户多视图模型建模交互方法 | |
US20060010081A1 (en) | Automated system for assisting the architectural process | |
WO2001008007A1 (en) | Method and system of automated generation of program code from an object oriented model |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |