[发明专利]一种图表渲染方法及装置

权利要求书

1.一种图表渲染方法，其特征在于，包括：

获取当前页面待渲染图表的图表配置项和图表数据项，包括：通过预置的图表配置项接口，从web后端获取所述当前页面待渲染图表的图表配置项，其中，同一图表配置项中包含至少一个图表配置信息；通过预置的图表数据项接口，从所述web后端获取所述当前页面待渲染图表的图表数据项，所述图表数据项接口与所述图表配置项接口相互独立；

拆分所述当前页面待渲染图表的图表配置项为M类图表配置对象，所述M类图表配置对象对应于ReactECharts组件的M个属性，M为正整数；

所述图表数据项插入至所述M类图表配置对象中对应的图表配置对象，以形成M个选项；

组合所述M个选项为同一ECharts标准配置对象；

将所述ECharts标准配置对象传递给所述ReactECharts组件，使得所述ReactECharts组件根据所述ECharts标准配置对象渲染图表。

2.如权利要求1所述的图表渲染方法，其特征在于，所述M类图表配置对象包括：坐标轴X轴、坐标轴Y轴、提示项信息、数据提示信息、工具栏、数据项信息。

3.如权利要求1所述的图表渲染方法，其特征在于，通过预置的图表配置项接口从web后端获取所述当前页面待渲染图表的图表配置项，包括：

调用所述图表配置项接口，以与所述web后端相同的图表配置项数据结构和配置项成员信息结构，从所述web后端获取所述当前页面待渲染图表的图表配置项。

4.如权利要求1所述的图表渲染方法，其特征在于，通过预置的图表数据项接口从所述web后端获取所述当前页面待渲染图表的图表数据项，包括：

调用所述图表数据项接口，以与所述web后端相同的数据项数据结构和数据项成员信息结构，从所述web后端获取所述当前页面待渲染图表的图表数据项。

5.如权利要求4所述的图表渲染方法，其特征在于，从所述web后端获取所述当前页面待渲染图表的图表数据项，包括：

从所述当前页面待渲染图表的图表配置项中解析出所含有的图表配置信息；

从所述web后端获取与所解析出的图表配置信息对应的图表数据项。

6.如权利要求1-5中任一所述的图表渲染方法，其特征在于，在将所述ECharts标准配置对象传递给所述ReactECharts组件之后，所述方法还包括：

存储所述M类图表配置对象于所述ReactECharts组件的用于组件内部状态的对象中；

在检测到所述M类图表配置对象中的至少一类图表配置对象存在修改，根据修改后的图表配置对象更新当前显示图表。

7.一种图表渲染装置，其特征在于，包括：

图表信息获取单元，用于获取当前页面待渲染图表的图表配置项和图表数据项，包括：通过预置的图表配置项接口，从web后端获取所述当前页面待渲染图表的图表配置项，其中，同一图表配置项中包含至少一个图表配置信息；通过预置的图表数据项接口，从所述web后端获取所述当前页面待渲染图表的图表数据项，所述图表数据项接口与所述图表配置项接口相互独立；

配置拆分单元，用于拆分所述当前页面待渲染图表的图表配置项为M类图表配置对象，所述M类图表配置对象对应于ReactECharts组件的M个属性，M为正整数；

数据插入单元，用于所述图表数据项插入至所述M类图表配置对象中对应的图表配置对象，以形成M个选项；

组合单元，用于组合所述M个选项为同一ECharts标准配置对象；

传递单元，用于将所述ECharts标准配置对象传递给所述ReactECharts组件，使得所述ReactECharts组件根据所述ECharts标准配置对象渲染图表。

8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-6中任一权利要求所述的步骤。

9.一种计算机设备，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-6中任一权利要求所述的步骤。