基于Echarts的仪表盘自定义组件的技术实现方法及装置制造方法及图纸

本发明专利技术提供一种基于Echarts的仪表盘自定义组件的技术实现方法，进入到图表组件的配置页面，显示目前已存在的图表组件的配置项，可以根据Echarts插件官网提供的配置文档，选择需要添加的图表组件的配置项，将其源代码添加到提供的函数option字段中，函数入参中，echarts表示echarts的实例对象。该基于Echarts的仪表盘自定义组件的技术实现方法，通过加载页面步骤、配置图表组件步骤、提交保存JavaScript代码步骤和完成图表配置步骤，能够有效的解决由于使用的Echarts插件的配置繁多，大多数平台不能详尽地把所有配置都完全罗列的提供出来的缺陷，通过图表组件配置的方式完成数据可视化的网页应用中使用，能够大幅提高图表组件配置的效率、组件自定义化的程度。组件自定义化的程度。组件自定义化的程度。

【技术实现步骤摘要】
基于Echarts的仪表盘自定义组件的技术实现方法及装置


[0001]本专利技术涉及计算机
，具体涉及一种基于Echarts的仪表盘自定义组件的技术实现方法、计算机可读存储介质及电子装置。

技术介绍

[0002]进入互联网大数据时代，伴随着数据挖掘技术的火热，数据精细化分析的需求增多，各种数据可视化平台被应用到各行各业。大多数的数据可视化平台的数据图表都是以Echarts为基础，细化各种可配置项，做成各个种类的可配置的图表组件，完成各种数据的展示。
[0003]目前图表组件的缺陷主要有以下几点：（1）由于使用的Echarts插件的配置繁多，大多数数据可视化平台不能详尽地提供所有配置，一般只能有选择地提供部分配置内容；（2）图表组件要求获取的数据必须有特定的格式，才能被平台的数据解析逻辑所解析，数据限制比较死板，需要能提供特定的数据结构的后台接口，通用性不强。

技术实现思路

[0004]本专利技术的目的在于提供一种基于Echarts的仪表盘自定义组件的技术实现方法、计算机可读存储介质及电子装置。<br/>[0005]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.基于Echarts的仪表盘自定义组件的技术实现方法，其特征在于，包括以下步骤：S1、加载页面步骤进入到图表组件的配置页面，显示目前已存在的图表组件的配置项；S2、配置图表组件步骤根据Echarts插件官网提供的配置文档，选择需要添加的图表组件的配置项，将其源代码添加到提供的函数option字段中，函数入参中，echarts表示echarts的实例对象，myChart表示当前创建的实例对象；data表示从获取后端接口返回的数据，通过Javascript处理成当前图表所需要的数据结构，添加到图表组件的配置项中，函数还额外提供了Axios实例对象，可以自己通过调用外部的数据接口获取各种其他数据；S3、提交保存JavaScript代码步骤完成所有配置，处理完数据后，将JavaScript保存当前填写的JavaScript代码；S4、完成图表配置步骤进入仪表盘界面，自定义图表组件内部，通过Javascript的eval函数，将保存的Javascript字符串代码，转换成可执行的Javascript函数并且执行，自定义图表渲染再仪表盘上。2.根据权利要求1所述的基于Echarts的仪表盘自定义组件的技术实现方法，其特征在于，所述步骤S2中，用户可以根据需要，选择不同的数据源，包括本平台内部的工作表获取数据，或者填写远程api地址获取远端的数据；也可以通过函数中的axios实例对象，自己编写脚本获取远程数据，然后根据需求，将通过平台获取的data数据或者通过axios实例自己获取的数据处理成Echarts需要的数据格式。3.根据权利要求1所述的基于Echarts的仪表盘自定义组件的技术实现方法，其特征在于，所述步骤S2中，用户可以使用函数提供的filterParamsKey字段，配合axios实例对象，添加获取数据接口的入参，完成数据的筛选。4.根据权利要求1所述的基于Echarts的仪表盘自定义组件的技术实现方法，其特征在于，所述步骤S2中，用户可以根据Echarts提供的官方文档，编写自己所想要的图表配置项，可以使用函数提供的echarts实例对象，使用Echarts提供的...

【专利技术属性】
技术研发人员：钱文龙，陈堃，赵嘉未，
申请(专利权)人：苏州瀚码智能技术有限公司，
类型：发明
国别省市：