规范实例

{
    "name": "test1",
  	"type": "test",
  	"title": "自定义组件"
  	"width":  300,
  	"height": 400,
    "mod": "",          // 非必填
    "dependencies":[],  // 非必填
	"echartsOption": false, // 非必填
    "option": {
        "name": {
    		"name": "组件名称",
    		"type": "text",
            "default": "组件名称"
        },
        "title": {
            "name": "标题",
            "type": "tab",
            "props": {
                "show": {
                    "type": "boolean",
                    "name": "是否显示标题",
                    "default": true
                },
                "text": {
                    "type": "text",
                    "name": "标题内容",
                    "default": ""
                },
                "textStyle": {
                    "type": "group",
                    "name": "标题样式",
                    "props": {
                        "color": {
                            "type": "color",
                            "default": "#333",
                            "name": "标题颜色",
                        },
                        "fontSize": {
                            "name": "文字大小",
                            "type": "number",
                            "default": 32
                        }
                    }
                }
            }
        }
    },
    "data": {
		"static": [
            {
                "x": "类型一",
                "y": 33
            },
            {
                "x": "类型二",
                "y": 12
            },
            {
                "x": "类型三",
                "y": 27
            },
            {
                "x": "类型四",
                "y": 23
            },
            {
                "x": "类型五",
                "y": 40
            }
        ],
        "matchs":{
            "match1": {
                "field": [
                    {
                        "fieldAlias": "横轴",
                        "fieldName": "x"
                    }
                ],
                "name": "匹配1",
                "template": false
            },
            "match2": {
                "field": [
                    {
                        "fieldAlias": "纵轴",
                        "fieldName": "y"
                    }
                ],
                "name": "匹配2",
                "template": false
            }
        }
    },
    "interact": {
		 "events": "鼠标单击交互事件",
    	 "filters": true
    }
}

• name： 组件英文名。

  警告：

  组件英文名、 visual.json 文件中customs ---> data ---> widgets ---> name、组件文件夹名应保持一致。

• type： 组件类型。内置组件类型有echarts、mod。

• title： 组件标题。

• width： 组件初始宽度。

• height： 组件初始高度。

• mod： 装饰图片名称，type 值为mod时有效。具体使用详见自定义装饰案例。

• dependencies： 当前组件依赖的script和style。

  "dependencies": [ "style.css", "test.js"]
  

  TIP

  style.css与 test.js放在组件的文件夹下。

• echartsOption： 是否添加 Echarts 默认属性配置。目前支持的 Echarts 默认属性配置：title、legend、tooltip、toolbox。

  • 当echartsOption配置为true时，option默认将添加title、legend、tooltip、toolbox，并与自定义配置的option中的参数合并。

  • 当echartsOption配置为false时，可在option中自定义添加默认属性配置。具体配置详见Echarts 配置项

    具体使用详见自定义 Echarts 案例。