一种简化echarts调用的封装方法

摘要

本发明涉及前端开发技术领域，尤其是一种简化echarts调用的封装方法。本发明将echarts的参数分成：固定样式参数、数据展示参数、功能模块参数和不常用参数等四类参数，使用简化、映射、模块封装和参数固化等处理，对各种参数进行相应的处理方式，封装一个echarts调用模块；传入一个以html元素ID值为key配置参数为value的json数据，便可实现批量生成echarts图表。本发明在封装的逻辑中使用了简化映射的方式和定义默认全局样式等方式，使开发人员能够使用简单快捷的方式调用echarts批量生成图表；非常适合多次调用echarts生成图表展示的场合。

主权项

一种简化echarts调用的封装方法，其特征在于：通过参数分类、简化映射、定义默认值、模块封装处理方式构造一个带html元素ID值和对应echarts配置参数的批量json数据；其中echarts配置参数为简化后或原生态的配置参数，调用封装程序中的接口解析json数据，使用echarts批量生成图表；所述的批量json数据类似以下形式：var config＝{“chart1”:chart1_config}；其中key值即chart1为需要展示图表的html元素的ID值，chart1_config是chart1对应的echarts配置参数，同样使用了json格式，配置参数为经过封装后的json数据和/或原生的json数据，调用函数判断当前配置参数的类型，决定是否调用解析逻辑将封装后的json配置参数解析成echarts原生的json配置参数；所述的封装程序将参数解析、定义默认参数和echarts引入调用等逻辑封装在一个js文件中，免去echarts引入和加载模块等细节问题；仅需使用使用封装程序定义的少量简单的配置配置参数即可生成echarts图形报表。