CN108228169B - 基于eCharts工具的图表制作方法、装置、设备及介质 - Google Patents

Abstract

本发明公开一种基于eCharts工具的图表制作方法、装置、设备及介质。该基于eCharts工具的图表制作方法包括：获取图表配置指令，所述图表配置指令包括当前图表ID和/或当前图表名称；基于所述当前图表ID和/或所述当前图表名称，调用基于eCharts工具形成的封装模块文件；基于所述封装模块文件获取原始图表，并将所述原始图表在图表配置界面显示；在所述图表配置界面上，获取参数修改指令；基于所述参数修改指令对所述原始图表进行修改，获取目标图表。该基于eCharts工具的图表制作方法，可实现了可视化编辑的目的，无需用户更改代码即可制作图表，提高图表制作效率，提升用户体验。

Description

基于eCharts工具的图表制作方法、装置、设备及介质

技术领域

本发明涉及数据处理技术领域，尤其涉及一种基于eCharts工具的图表制作方法、装置、设备及介质。

背景技术

eCharts，即Enterprise Charts的缩写，商业级数据图表，一个纯Javascript的图表库，可以流畅地运行在PC和移动设备上，兼容当前绝大部分浏览器(IE6/7/8/9/10/11，chrome，firefox，Safari等)，底层依赖轻量级的Canvas类库ZRender，可提供直观、生动、可交互和可高度个性化定制的数据可视化图表。

目前使用eCharts工具时，需要从eCharts官网上拷贝一长段代码，并基于这一长段代码进行画图。在基于eCharts工具画不同图表甚至同样是某一个图表时，只要数据不一样，都需要拷贝长段代码，导致任务繁重，且图表制作效率低的问题。同时，目前eCharts工具不能可视化编辑所需图表样式，导致不能满足用户日益渐增的需求。

发明内容

本发明实施例供一种基于eCharts工具的图表制作方法、装置、设备及介质，以解决目前使用eCharts工具画图表时需要拷贝长短代码的问题。

第一方面，本发明实施例提供一种基于eCharts工具的图表制作方法，包括：

获取图表配置指令，所述图表配置指令包括当前图表ID和/或当前图表名称；

基于所述当前图表ID和/或所述当前图表名称，调用基于eCharts工具形成的封装模块文件；

基于所述封装模块文件获取原始图表，并将所述原始图表在图表配置界面上显示；

在所述图表配置界面上，获取参数修改指令；

基于所述参数修改指令对所述原始图表进行修改，获取目标图表，并将所述目标图表在所述图表配置界面上显示。

第二方面，本发明实施例提供一种基于eCharts工具的图表制作装置，包括：

图表配置指令获取模块，用于获取图表配置指令，所述图表配置指令包括当前图表ID和/或当前图表名称；

封装模块文件调用模块，用于基于所述当前图表ID和/或所述当前图表名称，调用基于eCharts工具形成的封装模块文件；

原始图表获取模块，用于基于所述封装模块文件获取原始图表，并将所述原始图表在图表配置界面上显示；

参数修改指令获取模块，用于在所述图表配置界面上，获取参数修改指令；

目标图表获取模块，用于基于所述参数修改指令对所述原始图表进行修改，获取目标图表，并将所述目标图表在所述图表配置界面上显示。

第三方面，本发明实施例提供一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现所述基于eCharts工具的图表制作方法的步骤。

第四方面，本发明实施例提供一种计算机可读介质，所述计算机可读介质存储有计算机程序，所述计算机程序被处理器执行时实现所述基于eCharts工具的图表制作方法的步骤。

本发明实施例提供的基于eCharts工具的图表制作方法、装置、设备及介质中，通过先获取图表配置指令，该图表配置指令包括当前图表ID和/或当前图表名称，然后基于当前图表ID和/或当前图表名称，调用基于eCharts工具形成的封装模块文件，再基于封装模块文件获取原始图表，并将原始图表在图表配置界面显示，以实现可视化的目的；最后，在图表配置界面上获取参数修改指令，并基于参数修改指令对原始图表进行修改，获取并显示目标图表，该过程无需预先复制代码再进行修改，即可实现可视化显示和修改图表，提高图表制作效率。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例1中基于eCharts工具的图表制作方法的一流程图。

图2是本发明实施例1中基于eCharts工具的图表制作方法的另一流程图。

图3是本发明实施例1中基于eCharts工具的图表制作方法的又一流程图。

图4是图1中步骤S50的一具体流程图。

图5是本发明实施例2中基于eCharts工具的图表制作装置的一原理框图。

图6是本发明实施例4中终端设备的一示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例1

图1示出本实施例中基于eCharts工具的图表制作方法的流程图。该基于eCharts工具的图表制作方法应用在银行、证券、保险等金融机构或者其他机构的终端设备中，具体应用在图表制作***(以下简称***)中，通过调用***预存的基于eCharts工具形成的封装模块文件进行图表显示和修改，可有效提高图表制作的效率，增强用户体验。如图1所示，该基于eCharts工具的图表制作方法包括如下步骤：

S10：获取图表配置指令，图表配置指令包括当前图表ID和/或当前图表名称。

其中，图表配置指令是用于配置用户所需图表类型的指令。当前图表ID是用于唯一识别所要配置的图表类型的标识。当前图表名称是所要配置的图表类型的名称。用户输入的图表配置指令中可以只包括当前图表ID，也可以只包括当前图表名称，或者可以同时包括当前图表ID和当前图表名称。本实施例中，将用户输入的图表配置指令中当前图表ID和/或当前图表名称所要配置的图表类型定义为目标图表类型。

例如，当用户输入“pie(饼图)”时，“pie”则代表当前图表ID，“饼图”代表当前图表名称，用户可通过输入“pie”和/或“饼图”来获取所要配置的图表类型(以下简称为目标图表类型)，方便使用。本实施例中，图表类型包括eCharts工具中的图表库所包含的所有图表类型。

S20：基于当前图表ID和/或当前图表名称，调用基于eCharts工具形成的封装模块文件。

其中，封装模块文件是预先存储的对eCharts工具中的图表模块进行二次封装后所形成的文件。具体地，封装模块文件包括至少一个图表模块，每一图表模块对应一图表类型，基于用户输入图表配置指令中的当前图表ID和/或当前图表名称，调用封装模块文件中与当前图表ID和/或当前图表名称相对应的图表模块，该图表模块对应于目标图表类型。

S30：基于封装模块文件获取原始图表，并将原始图表在图表配置界面上显示。

其中，原始图表是基于封装模块文件所确定的未经修改的默认图表。图表配置界面是用于对图表进行显示和配置的界面。封装模块文件中的每一图表模块包括基础图表ID和基础图表名称，用户可通过输入的图表配置指令中的当前图表ID和/或当前图表名称，与基础图表ID和/或基础图表名称进行匹配，以获取与当前图表ID和/或当前图表名称相对应的原始图表，并在图表配置界面上显示该原始图表。

具体地，获取原始图表的方式有如下两种情况：一是当用户知道基础图表ID和/或基础图表名称时，可通过直接输入当前图表ID和/或当前图表名称，以获取原始图表并在图表配置界面上显示。二是当用户不知道基础图表ID和/或基础图表名称时，用户可以向***输入目标图表类型，***会根据用户所输入的目标图表类型，为用户推荐若干相似图表类型，以供用户从所提供的若干相似图表类型中选择目标图表类型，即用户可通过点击相应的相似图表类型而输入选择指令，以便基于该选择指令确定目标图表类型。进一步地，若***所推荐的若干相似图表类型没有用户所需要的目标图表类型(即用户没有输入选择指令选择其中一个相似图表类型)时，则会生成提醒开发人员加载该目标图表类型的提醒信息，并发送给开发人员的电子邮箱,以提醒开发人员基于提醒信息进行目标图表类型开发，从而使得该图表制作方法更具有实用性，满足用户的需求。

进一步地，图表制作***在给用户推荐相似图表类型时，可以采用关键词匹配算法，获取与目标图表类型相对应的相似图表类型。其中，关键词匹配算法包括但不限于克努特-莫里斯-普拉特(Knuth-Morris-Pratt，以下简称KMP)算法。具体地，KMP算法是一种改进的字符串匹配算法，KMP算法的关键是利用匹配失败后的信息，尽量减少模式串与主串的匹配次数以达到快速匹配的目的。本实施例中，选用KMP算法对用户所输入的目标图表类型和服务器中存储的原始图表名称进行关键词匹配，获取相似图表类型，节省时间，提高效率。该服务器与图表制作***相连，可实现两者的数据传输。

具体地，图表制作***会预先存储包含将原始图表名称作为关键字所形成的关键字信息表，通过KMP算法匹配目标动作与关键字信息表中的关键字，以确定相似图表类型。例如“中国地图”和“世界地图”的关键字可以为地图，当用户输入“地图”时，服务器会在预先存储的关键字信息表中，通过匹配到关键字“地图”，而为用户推荐“中国地图”和“世界地图”，方便用户进行选择使用，提升用户体验。

S40：在图表配置界面上，获取参数修改指令。

参数修改指令是用于对原始图表的样式进行更改的指令。具体地，由于原始图表是基于的封装模块文件所获取到的默认图表，用户也可根据自己的需求对原始图表进行修改。本实施例中，在图表配置界面上中，用户可通过点击“参数修改”按钮而进入参数修改界面，并在该参数修改界面输入所需调节的参数，以使图表制作***可获取用户输入的参数修改指令。

S50：基于参数修改指令对原始图表进行修改，获取目标图表，并将目标图表在图表配置界面上显示。

其中，目标图表是用户对原始图表进行修改后所获取到的满足用户需求的图表。图表配置界面是用于对图表进行显示和配置的界面，当用户点击图表配置按钮而输入的图表配置指令时，并基于图表配置指令所跳转到的界面为图表配置界面。可以理解地，每一原始图表对应至少一个参数默认值，基于参数修改指令对原始图表中的参数默认值进行修改，以获取目标图表，再将目标图表进行渲染并在图表配置上界面显示。

本实施例中，基于当前图表ID和/或当前图表名称，调用基于eCharts工具形成的封装模块文件，再基于封装模块文件获取原始图表，并将原始图表在图表配置界面显示，以实现可视化的目的；最后，在图表配置界面上获取参数修改指令，并基于参数修改指令对原始图表进行修改，获取并显示目标图表，该过程无需预先复制代码再进行修改，即可实现可视化显示和修改图表，提高图表制作效率。

在一具体实施方式中，图表制作***中预先设置有多种图表类型，使得用户输入的图表配置指令可以是基于图表配置界面上显示的多种图表类型进行选择后确定的，使得图表配置指令中输入的当前图表ID和/或当前图表名称更能体现用户所选择的目标图表类型。如图2所示，步骤S10之前，该基于eCharts工具的图表制作方法，还包括如下步骤：

S111：获取图表显示指令。

其中，图表显示指令是用于显示服务器中预先存储的基础图表的指令。具体地，用户可点击“显示基础图表”按钮而输入该图表显示指令，查看服务器所存储的基础图表，以便用户从基础图表中，输入图表配置指令，以根据图表配置指令中的当前图表ID和/或当前图表名称选择目标图表类型。

S112：基于图表显示指令，获取至少一个基础图表，基础图表包括基础图表ID和基础图表名称。

其中，基础图表是服务器中预先存储的图表。基础图表ID是用于唯一识别基础图表的标识。本实施例中，该基础图表包括但不限于eCharts工具的图表库所包含的所有图表。

S113：将至少一个基础图表在图表配置界面的显示区域显示。

其中，图标配置界面的显示区域是用于显示基础图表的区域。具体地，将步骤S112获取到的至少一个基础图表以分级列表的形式在图标配置界面的显示区域。进一步地，服务器会预先统计每一图表类型被选择次数，并显示被选择次数排名在前N位(如前5位)的图表类型。若被选择次数排名前N位(如前5位)的图表类型中，没有用户所要选择的图表类型，则用户可点击“显示全部图表”按钮以查看隐藏的所有图表类型，以从所有图表类型中获取目标图表类型，满足用户的需求。

本实施例中，图表配置界面包括至少一个输入框，用户可通过在该输入框中输入图表配置指令，即输入当前图表ID和/或当前图表名称，以获取用户所需的图表类型(即目标图表类型)。本实施例中，当用户进行批量制作图表时，可以增加输入框的数量，由于界面资源有限，该配置界面会预先显示预设数量的输入框。当用户想要添加输入框时，可以选择批量添加方式或者逐条添加方式，降低界面资源占有率，提升加载速率。具体地，当用户添加输入框时，可向在图表配置界面上点击图表添加按钮而输入图表添加指令，在图表添加指令中可自定义输入所要添加的用例指令编号的数量；如选择批量添加方式时，可以自定义批量参数，当批量参数定义为1时，即选择逐条添加方式，以达到添加便捷的目的。

进一步地，步骤S10中，即获取图表配置指令具体包括：采用拖拽方式将一基础图表拖拽到图表配置界面的输入框，以输入图表配置指令。

具体地，用户可以采用拖拽方式在基础图表中选取所需的基础图表，将其拖拽到对应的输入框中，以输入图表配置指令。其中，若用户没有选择图表时，则会在图表配置界面上默认显示柱状图。本实施例中，采用拖拽方式将用户选取到的基础图表输入到对应的输入框中，该操作过程简单，提高了图表制作效率。

本实施例中，通过获取图表显示指令，以使基于图表显示指令获取到的至少一个基础图表在图表配置界面的显示区域显示，以实现可视化显示的目的；同时，用户可通过拖拽方式将基础图表拖拽到图表配置界面的输入框，以输入图表配置指令，操作便捷，提升用户体验。

在另一具体实施方式中，在进行该基于eCharts工具的图表制作方法之前，需要创建封装模块文件以供调用。如图3所示，该基于eCharts工具的图表制作方法，还包括步骤S60：预先创建封装模块文件。预先创建封装模块文件具体包括如下步骤：

S61：获取eCharts图表库，eCharts图表库包括至少一个图表转换函数。

其中，eCharts图表库是eCharts工具中预先存储好的图表库。图表转换函数是用于将数据转换为图表的函数。该eCharts图表库包括但不限于bar2条形图、barPu阶梯瀑布图、barPie柱状联动饼图、line折线图、scatter散点图、pie饼图、pie2嵌套环形、map地图、radar雷达图、heatmap热力图、funnel漏斗图、funnelContrast漏斗对比图、gauge仪表盘、gaugeData数值盘、parallel平行坐标、wordCloud词云、graph关系图、graphLes圆圈型关系图、scatterMap地图散点、scatterLarge大规模散点图、mapChina中国地图、mapWorld世界地图和mapMove迁徙地图。

S62：对每一图表转换函数中的代码模块进行划分，以确定共有代码模块和私有代码模块。

其中，每一图表转换函数中包括至少一个代码模块，每一代码模块包括共有属性和/或私有属性。共有代码模块是所有代码模块中的共有属性的集合，例如背景色。私有代码模块是所有代码模块中的私有属性的集合，例如柱状图粗细。对每一代码模块进行划分，将代码模块按共有属性和私有属性进行划分，以确定共有代码模块和私有代码模块。

例如在line折线图中，共有属性包括但不限于文本框字体大小、文本框字体颜色、滑动条方向、标题字体颜色、标题字体大小和标题背景色等。私有属性包括但不限于折线图转折点形状和柱状图粗细。

S63：将所有图表转换函数的共有代码模块封装成共有类模块，给共有类模块配置原始共有封装接口。

共有类模块是指将共有代码模块进行封装所获取到的模块。如将共有代码模块中的“title(标题)”所对应的方法封装为共有类，即title的共有类模块，该共有类模块包括但不限于title.textStyle.fontSize(标题字体大小)和backgroundColor(背景色)等参数属性。原始共有封装接口是将共有类中所包含的参数属性进行封装所得到的接口。具体地，将共有类模块中的一系列方法声明形如void title(int backgroundColor，

inttitle.textStyle.fontSize)封装以获取原始共有封装接口。

S64：将每一图表转换函数的私有代码模块封装成私有类模块，给私有类模块配置原始私有封装接口。

其中，私有类模块是指将私有代码模块中进行封装所获取到的模块。例如将共有代码模块中的“line(折线图)”所对应的方法封装为私有类，即line的私有类模块，该line的私有类模块包括但不限于line.Style.Color(折线图线条颜色)、line.symbol(折线图拐点图形类型)、line.symbolSize(折线图拐点图形大小)等参数属性。原始私有封装接口是将私有类中所包含的参数属性进行封装所得到的接口。具体地，将私有类模块中的一系列方法声明形如void line(int linestyle，int line.symbolSize int line.symbol)封装以获取原始私有封装接口。

S65：基于原始共有封装接口和原始私有封装接口，获取封装模块文件。

具体地，将原始共有封装接口和原始私有封装接口进行封装，获取封装模块文件，并将该封装模块文件封装进插件，以供可视化编辑时进行调用。

本实施例中，通过基于eCharts图表库中的至少一个图表转换函数，并对每一图表转换函数中的代码模块进行划分，以确定共有代码模块和私有代码模块，然后将所有图表转换函数的共有代码模块封装成共有类模块，给共有类模块配置原始共有封装接口。将每一图表转换函数的私有代码模块封装成私有类模块，给私有类模块配置原始私有封装接口，最后基于原始共有封装接口和原始私有封装接口，获取封装模块文件。该过程通过对eCharts图表库中的图表转换函数进行二次封装，以获取原始共有封装接口和原始私有封装接口，以减少后续调用接口的次数，并且在图表制作时，无需拷贝eCharts工具中的长段代码，只需调用封装模块文件即可，操作简单，减轻后续基于eCharts工具进行图表制作的工作量，提高图表制作效率。

在一具体实施方式中，在用户对原始图表的样式不满意时，可根据自己的需求对原始图表的样式进行修改。如图4所示，基于参数修改指令对原始图表进行修改，获取目标图表(即步骤S50)具体包括如下步骤：

S51：获取参数修改指令，参数修改指令包括至少一个数据源ID、与数据源对应的参数属性ID和与参数属性ID对应的参数修改值。

其中，数据源ID是用于识别参数主题的唯一标识。参数属性ID是用于识别用户所需修改的参数属性的唯一标识。参数修改值是用户所需修改的参数属性的值。具体地，每一数据源对应至少一个参数属性，每一参数属性对应一用于输入参数修改值的修改框，用户可在修改框中输入所需修改的参数修改值。可以理解地，在图表配置界面上显示原始图表所对应的至少一个数据源，与每一数据源对应的至少一个参数属性以及与每一参数属性对应的修改框。例如数据源“标题”对应标题字体、标题大小和标题颜色等参数属性，当用户点击原始图表中的标题区域时，会在图表配置界面上显示标题字体、标题字体大小和标题字体颜色等参数属性和对应的修改框。

具体地，用户可点击原始图表中所要修改的参数主题(即数据源)，即可在图表配置界面中显示与该主题对应的参数属性和对应的修改框，以供用户修改图表样式，实现可视化编辑的目的，简化图表制作流程，提高图表制作效率。

本实施例中，数据源包括但不限于单选框、复选框、提示框、滑动条、文本框、按钮和标题等参数主题。本实施例中，通过可视化编辑图表的方式，以满足用户日益渐增的需求，方便用户操作，提升用户体验。

S52：若数据源ID对应原始共有封装接口，则基于数据源ID和参数属性ID将参数修改值覆盖原始共有封装接口中与参数属性ID相对应的参数默认值，获取目标共有封装接口。

其中，封装模块文件包括原始共有封装接口和原始私有封装接口。参数默认值是预先编辑好的与参数属性ID对应的参数默认值。原始共有封装接口是各图表类型中对所有共有属性进行封装后得到的接口。具体地，通过数据源ID和参数属性ID调用对应的原始共有封装接口，并将参数修改值覆盖原始共有封装接口中与参数属性ID相对应的参数默认值，以获取获取目标共有封装接口。可以理解地，通过“数据源ID->参数属性ID->参数默认值”这一查找路径查找到参数默认值，并对其进行覆盖。本实施例中，基于数据源ID确定目标共有封装接口，以使图表样式修改的过程中只需调用一次原始共有封装接口即可实现批量更修改图标样式，减少调用次数，提高图表制作效率。

S53：若数据源ID对应原始私有封装接口，则基于数据源ID和参数属性ID将参数修改值覆盖原始私有封装接口中与参数属性ID相对应的参数默认值，获取目标私有封装接口。

其中，原始私有封装接口是各图表类型中对所有私有属性进行封装后得到的接口。具体地，将参数修改值覆盖原始私有封装接口中与参数属性ID相对应的参数默认值，以获取目标私有封装接口。该覆盖方式如下：获取用户所选择的数据源ID并调用对应的至少一个参数属性和对应的参数默认值，用户可在修改框中直接输入参数修改值。最后，基于数据源ID、参数属性ID和参数修改值调用原始私有封接口传入参数，即可完成覆盖。

具体地，例如:在参数属性“标题字体大小”中，输入16。则会调用如下图表转换函数传入参数修改值覆盖与标题字体大小对应的参数默认值。该图表转换函数如下所示function extendoption(option，propertyPath，propertyValue)，其中option为要被覆盖的option源(即本实施例中的数据源ID)，propertyPath为传入的对象的ID(即本实施例中的参数属性ID)，propertyValue为设置的新值(即本实施例中的参数修改值)；具体通过以下代码{‘title.textStyle.fontSize’：16}实现修改标题字体大小为16的目的。

S54：基于目标共有封装接口和/或目标私有封装接口对原始图表进行修改，获取目标图表，并将目标图表在图表配置上界面显示。

具体地，获取目标图表有如下三种方式：一是若用户所要修改的参数属性有对应的目标共有封装接口而没有对应的目标私有封装接口，则需调用目标共有封装接口对原始图表中的参数默认值进行覆盖，以获取目标图表。二是若用户所要修改的参数属性有对应的目标私有封装接口而没有对应的目标共有封装接口，则需调用目标私有封装接口对原始图表中的参数默认值进行覆盖，以获取目标图表。三是若用户所要修改的参数属性既有对应的目标共有封装接口也有对应的目标私有封装接口，则需调用目标共有封装接口和目标私有封装接口对原始图表中的参数默认值进行覆盖，以获取目标图表。

具体地，参数修改值所对应字符串转换为json字符串保存，通过Json.parse()方法将json字符串转化为json对象并传入封装模块文件，即可目标图表进行渲染，以使目标图表在图表配置上界面显示。json字符串是一种易于机器解析和生成的字符串，主要是以双引号将所有属性包括起来例如“{“title.textStyle.color”:"“#000”}”(代表标题字体颜色为黑色)。json对象是一种将json字符串转换为键值对的形式，例如{“title.textStyle.color”:"“#000”}，使得代码简短易懂，容易维护。

本实施例中，通过获取参数修改指令中的数据源ID判断所要调用的接口。若数据源ID对应原始共有封装接口，则基于数据源ID和参数属性ID将参数修改值覆盖原始共有封装接口中与数据源ID相对应的参数默认值，获取目标共有封装接口。若数据源ID对应原始私有封装接口，则基于数据源ID和参数属性ID将参数修改值覆盖原始私有封装接口中与数据源ID相对应的参数默认值，获取目标私有封装接口。若两个以上的数据源ID分别对应原始共有封装接口和原始私有封装接口，则分别基于数据源ID和参数属性ID将参数修改值覆盖原始共有封装接口中与数据源ID相对应的参数默认值，获取目标共有封装接口和基于数据源ID和参数属性ID将参数修改值覆盖原始私有封装接口中与数据源ID相对应的参数默认值，获取目标私有封装接口。基于目标共有封装接口和/或目标私有封装接口对原始图表进行修改，获取目标图表，以实现可视化编辑的目的，提高图表制作效率。该获取目标图表的过程中通过调用目标共有封装接口和/或目标私有封装接口这两种接口对原始图表进行修改，无需重复调用接口即可完成修改，减少调用次数，增加了程序运行速率，以提高渲染速度。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

实施例2

图5示出与实施例1中基于eCharts工具的图表制作方法一一对应的基于eCharts工具的图表制作装置的原理框图。如图5所示，该基于eCharts工具的图表制作装置包括图表配置指令获取模块10、封装模块文件调用模块20、原始图表获取模块30、参数修改指令获取模块40和目标图表获取模块50。其中，图表配置指令获取模块10、封装模块文件调用模块20、原始图表获取模块30、参数修改指令获取模块40和目标图表获取模块50的实现功能与实施例中基于eCharts工具的图表制作方法对应的步骤一一对应，为避免赘述，本实施例不一一详述。

图表配置指令获取模块10，用于获取图表配置指令，图表配置指令包括当前图表ID和/或当前图表名称。

封装模块文件调用模块20，用于基于当前图表ID和/或当前图表名称，调用基于eCharts工具形成的封装模块文件。

原始图表获取模块30，用于基于封装模块文件获取原始图表，并将原始图表在图表配置界面上显示。

参数修改指令获取模块40，用于在图表配置界面上，获取参数修改指令。

目标图表获取模块50，用于基于参数修改指令对原始图表进行修改，获取目标图表，并将目标图表在图表配置界面上显示。

优选地，该基于eCharts工具的图表制作装置还包括图表显示指令获取单元111、基础图表获取单元112和基础图表显示单元113。

图表显示指令单元111，用于获取图表显示指令。

基础图表获取单元112，用于基于图表显示指令，获取至少一个基础图表，基础图表包括基础图表ID和基础图表名称。

基础图表显示单元113，用于将至少一个基础图表在图表配置界面的显示区域显示。

优选地，图表配置指令获取模块10，用于采用拖拽方式将一基础图表拖拽到图表配置界面的输入框，以输入图表配置指令。

优选地，该基于eCharts工具的图表制作装置还包括封装模块文件创建模块60，用于预先创建封装模块文件。

封装模块文件创建模块60具体包括eCharts图表库获取单元61、代码模块确定单元62、原始共有封装接口配置单元63、原始私有封装接口配置单元64和封装模块文件创建单元65。

eCharts图表库获取单元61，用于获取eCharts图表库，eCharts图表库包括至少一个图表转换函数。

代码模块确定单元62，用于对每一图表转换函数中的代码模块进行划分，以确定共有代码模块和私有代码模块。

原始共有封装接口配置单元63，用于将所有图表转换函数的共有代码模块封装成共有类模块，给共有类模块配置原始共有封装接口。

原始私有封装接口配置单元64，用于将每一图表转换函数的私有代码模块封装成私有类模块，给私有类模块配置原始私有封装接口。

封装模块文件创建单元65，用于基于原始共有封装接口和原始私有封装接口，获取封装模块文件。

优选地，目标图表获取模块50包括参数修改指令获取单元51、目标共有封装接口获取单元52、目标私有封装接口获取单元53和目标图表获取单元54。

参数修改指令获取单元51，用于获取参数修改指令，参数修改指令包括至少一个数据源ID、与数据源对应的参数属性ID和与参数属性ID对应的参数修改值。

目标共有封装接口获取单元52，用于若数据源ID对应原始共有封装接口，则基于数据源ID和参数属性ID将参数修改值覆盖原始共有封装接口中与参数属性ID相对应的参数默认值，获取目标共有封装接口。

目标私有封装接口获取单元53，用于若数据源ID对应原始私有封装接口，则基于数据源ID和参数属性ID将参数修改值覆盖私有封装接口中与参数属性ID相对应的参数默认值，获取目标私有封装接口。

目标图表获取单元54，用于基于目标共有封装接口和/或所述目标私有封装接口对所述原始图表进行修改，获取目标图表。

实施例3

本实施例提供一计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器执行时实现实施例1中基于eCharts工具的图表制作方法，为避免重复，这里不再赘述。或者，该计算机程序被处理器执行时实现实施例2中基于eCharts工具的图表制作装置中各模块/单元的功能，为避免重复，这里不再赘述。

实施例4

图6是本发明一实施例提供的终端设备的示意图。如图6所示，该实施例的终端设备100包括：处理器101、存储器102以及存储在存储器102中并可在处理器101上运行的计算机程序103。处理器101执行计算机程序103时实现上述实施例1中基于eCharts工具的图表制作方法的步骤，例如图1所示的步骤S10至S50。或者，处理器101执行计算机程序103时实现上述各基于eCharts工具的图表制作装置中各模块/单元的功能，例如图5所示图表配置指令获取模块10、封装模块文件调用模块20、原始图表获取模块30、参数修改指令获取模块40和目标图表获取模块50的功能。

示例性的，计算机程序103可以被分割成一个或多个模块/单元，一个或者多个模块/单元被存储在存储器102中，并由处理器101执行，以完成本发明。一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述计算机程序103在终端设备100中的执行过程。

终端设备100可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。终端设备可包括，但不仅限于，处理器101、存储器102。本领域技术人员可以理解，图6仅仅是终端设备100的示例，并不构成对终端设备100的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如终端设备还可以包括输入输出设备、网络接入设备、总线等。

所称处理器101可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

存储器102可以是终端设备100的内部存储单元，例如终端设备100的硬盘或内存。存储器102也可以是终端设备100的外部存储设备，例如终端设备100上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。进一步地，存储器102还可以既包括终端设备100的内部存储单元也包括外部存储设备。存储器102用于存储计算机程序以及终端设备所需的其他程序和数据。存储器102还可以用于暂时地存储已经输出或者将要输出的数据。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括是电载波信号和电信信号。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种基于eCharts工具的图表制作方法，其特征在于，包括：

获取图表配置指令，所述图表配置指令包括当前图表ID和/或当前图表名称；

基于所述当前图表ID和/或所述当前图表名称，调用基于eCharts工具形成的封装模块文件；

基于所述封装模块文件获取原始图表，并将所述原始图表在图表配置界面上显示；

在所述图表配置界面上，获取参数修改指令；

基于所述参数修改指令对所述原始图表进行修改，获取目标图表，并将所述目标图表在所述图表配置界面上显示；

其中，所述基于所述参数修改指令对所述原始图表进行修改，获取目标图表，包括：

基于数据源ID、与所述数据源ID对应的参数属性ID和与所述参数属性ID对应的参数修改值对所述原始图表进行修改，获取目标图表。

2.如权利要求1所述的基于eCharts工具的图表制作方法，其特征在于，在所述获取图表配置指令的步骤之前，所述基于eCharts工具的图表制作方法还包括：

获取图表显示指令；

基于所述图表显示指令，获取至少一个基础图表，所述基础图表包括基础图表ID和基础图表名称；

将至少一个所述基础图表在所述图表配置界面的显示区域显示。

3.如权利要求2所述的基于eCharts工具的图表制作方法，其特征在于，所述获取图表配置指令，包括：

采用拖拽方式将一所述基础图表拖拽到所述图表配置界面的输入框，以输入所述图表配置指令。

4.如权利要求1 所述的基于eCharts工具的图表制作方法，其特征在于，所述基于所述参数修改指令对所述原始图表进行修改，获取目标图表，包括：

获取所述参数修改指令，所述参数修改指令包括至少一个数据源ID、与所述数据源对应的参数属性ID和与所述参数属性ID对应的参数修改值；

若所述数据源ID对应原始共有封装接口，则基于所述数据源ID和所述参数属性ID将所述参数修改值覆盖所述原始共有封装接口中与所述参数属性ID相对应的参数默认值，获取目标共有封装接口；

若所述数据源ID对应原始私有封装接口，则基于所述数据源ID和所述参数属性ID将所述参数修改值覆盖所述原始私有封装接口中与所述参数属性ID相对应的参数默认值，获取目标私有封装接口；

基于所述目标共有封装接口和/或所述目标私有封装接口对所述原始图表进行修改，获取目标图表。

5.如权利要求1所述的基于eCharts工具的图表制作方法，其特征在于，还包括：预先创建封装模块文件；

所述预先创建所述封装模块文件的步骤，包括：

获取eCharts图表库，所述eCharts图表库包括至少一个图表转换函数；

对每一所述图表转换函数中的代码模块进行划分，以确定共有代码模块和私有代码模块；

将所有所述图表转换函数的共有代码模块封装成共有类模块，给所述共有类模块配置原始共有封装接口；

将每一所述图表转换函数的私有代码模块封装成私有类模块，给所述私有类模块配置原始私有封装接口；

基于所述原始共有封装接口和所述原始私有封装接口，获取封装模块文件。

6.一种基于eCharts工具的图表制作装置，其特征在于，包括：

图表配置指令获取模块，用于获取图表配置指令，所述图表配置指令包括当前图表ID和/或当前图表名称；

封装模块文件调用模块，用于基于所述当前图表ID和/或所述当前图表名称，调用基于eCharts工具形成的封装模块文件；

原始图表获取模块，用于基于所述封装模块文件获取原始图表，并将所述原始图表在图表配置界面上显示；

参数修改指令获取模块，用于在所述图表配置界面上，获取参数修改指令；

目标图表获取模块，用于基于所述参数修改指令对所述原始图表进行修改，获取目标图表，并将所述目标图表在所述图表配置界面上显示；

其中，所述基于所述参数修改指令对所述原始图表进行修改，获取目标图表，包括：

基于数据源ID、所述与数据源对应的参数属性ID和所述与参数属性ID对应的参数修改值对所述原始图表进行修改，获取目标图表。

7.如权利要求6所述的基于eCharts工具的图表制作装置，其特征在于,所述基于eCharts工具的图表制作装置还包括：

图表显示指令单元，用于获取图表显示指令；

基础图表获取单元，用于基于所述图表显示指令，获取至少一个基础图表，所述基础图表包括基础图表ID和基础图表名称；

基础图表显示单元，用于将至少一个所述基础图表在所述图表配置界面的显示区域显示。

8.如权利要求7所述的基于eCharts工具的图表制作装置，其特征在于,基于eCharts工具的图表制作装置还包括：封装模块文件创建模块，用于预先创建封装模块文件；

所述封装模块文件创建模块包括：

eCharts图表库获取单元，用于获取eCharts图表库，所述eCharts图表库包括至少一个图表转换函数；

代码模块确定单元，用于对每一所述图表转换函数中的代码模块进行划分，以确定共有代码模块和私有代码模块；

原始共有封装接口配置单元，用于将所有所述图表转换函数的共有代码模块封装成共有类模块，给所述共有类模块配置原始共有封装接口；

原始私有封装接口配置单元，用于将每一所述图表转换函数的私有代码模块封装成私有类模块，给所述私有类模块配置原始私有封装接口；

封装模块文件创建单元，用于基于所述原始共有封装接口和所述原始私有封装接口，获取封装模块文件。

9.一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至5任一项所述基于eCharts工具的图表制作方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述基于eCharts工具的图表制作方法的步骤。

Images