[发明专利]一种前端页面图表组件化的方法

权利要求书

1.一种前端页面图表组件化的方法，其特征在于，所述方法包括：

步骤1：将定义图表数据源的装配、图表初始化、图表监听以及图表的重绘和销毁通用事件组件化为子组件；

步骤2：在父组件中获取后台返回的数据，将自定义的图表配置参数以及数据封装成一个对象作为传入子组件的数据源；

步骤3：把父组件已经封装好的数据源对象以父子组件通信的形式传递给子组件进一步处理；

步骤4：子组件接收传入的参数并加入默认配置，再次对其进行装配成一个新的对象；

步骤5：子组件将已装配好的对象传给初始化图表事件处理，同时在初始化图表事件中加入图表的重绘和销毁事件以保证在触发监听事件重绘或销毁图表时，图表的内容能及时清空再重绘或销毁，然后向父组件返回结果。

2.根据权利要求1所述的方法，其特征在于：所述图表配置是指图表的展现形式、颜色、图表和字体大小、图表位置、提示框。

3.根据权利要求1所述的方法，其特征在于：所述的图表监听是监听浏览器窗口大小变更并重绘图表，使图表能依据当前窗口大小来改变尺寸、用watch监听父组件中数据源的变化并重绘图表。

4.根据权利要求2所述的方法，其特征在于：所述的图表监听是监听浏览器窗口大小变更并重绘图表，使图表能依据当前窗口大小来改变尺寸、用watch监听父组件中数据源的变化并重绘图表。

5.根据权利要求1至4任一项所述的方法，其特征在于：所述的步骤4是指对传入子组件的数据源进行处理并得到所需的数据形式，最终传入到其所对应的初始化图表事件中去进行图表初始化操作。

6.根据权利要求1至4任一项所述的方法，其特征在于：所述的方法自定义一套统一的图表配置，然后只需传入各个图表不相同的配置，在装配时通过遍历来识别是否定义了与默认配置不同的配置项；若不同，则替换默认配置项；若相同或没有配置，则使用默认配置项。

7.根据权利要求5所述的方法，其特征在于：所述的方法自定义一套统一的图表配置，然后只需传入各个图表不相同的配置，在装配时通过遍历来识别是否定义了与默认配置不同的配置项；若不同，则替换默认配置项；若相同或没有配置，则使用默认配置项。