Ø  在datavConfig.js文件的对应位置添加组件模板数据

以时间组件为例：

模板数据中的基本必要属性结构：

1.  {  

2.      type: 'chart',//图表类型  

3.      name: '折线图',//图表中文名称  

4.      alias: 'line',//图表别名  

5.      height: 220,//图表高度初始值  

6.      width: 300,//图表宽度初始值  

7.      x: 10,//x坐标初始值  

8.      y: 10,//y坐标初始值  

9.      zIndex: 1,//图层初始值  

10.      state:1,//关联元素key，处理数据变化时控件刷新  

11.      icon: require("@/assets/img/datav/icon-line.png"),//图表组件图标  

12.      desc:'',//图表备注  

13.      options: {  

14.          config:{}//自定义组件属性数据  

15.      }  

16.  },  

Ø  在DatavConfigPanel.vue文件中添加属性设置代码

添加步骤同上示例

Ø  开发组件

这里以时间组件为例：

Ø  在DesignDatavItem.vue文件中引入组件

具体操作同上一示例

Ø 在预览及front应用端引入

具体操作同上一示例