kd-aiot-frontend-vis/public/equipment3DData/config.js

//http://192.168.16.55  
//http://172.17.0.1
var erp="/erp" //:8200
var base="/base" //:8061
var linux="/linux" //:8061
var rcm="/rcm" //:8200
var log="/log" //:8200
var finance="/finance" //:9200
var mes="/mes" //:8061
var quality="/quality" //:8405
window.$website = {
  isDemo: true,
  isDemoTip: '演示环境不允许操作',
  title: 'avue-data数据大屏',
  name: 'WELCOME TO AVUE-DATA',
  subName: '可视化数据大屏（演示环境-请勿放生产数据）',
  url: 'https://data.avuejs.com/api/blade-visual',
  autoSave: false,
  autoSaveTime: 60000,
  tabsList: [0, 1, 2, 3, 4, 5],
  componentsList: [{
    name: 'test',
    component: 'testComponents',
    option: 'testOption',
    data: true
  }],
  baseList: [{
    "label": '图表',
    "icon": 'icon-bar',
    "children": [{
      "label": '通用型',
      "option": {
        "name": "通用型",
        "title": "通用型",
        "icon": 'icon-bar',
        "img": '/img/assets/text5.png',
        "dataType": 1,
        "dataMethod": 'get',
        "data": {
          "categories": [
            "苹果",
            "三星",
            "小米",
            "oppo",
            "vivo"
          ],
          "series": [{
            "name": "手机品牌",
            "data": [
              1000879,
              3400879,
              2300879,
              5400879,
              3400879
            ]
          }]
        },
        "echartFormatter": "(data)=>{\nconsole.log(data);\nreturn {\n            title: {\n\t\t\t\t textStyle: {\n\t\t\t\t\tfontWeight: 'normal',      \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n                text: 'ECharts 入门示例'\n            },\n            tooltip: {},\n            legend: {\n                data:['销量'],\n\t\t\t\ttextStyle: {\n\t\t\t\t\tfontWeight: 'normal',      \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n            },\n            xAxis: {\n                data: [\'衬衫\',\'羊毛衫\',\'雪纺衫\',\'裤子\',\'高跟鞋\',\'袜子\']\n            },\n            yAxis: {},\n            series: [{\n                name: '销量',\n                type: 'bar',\n                data: [5, 20, 36, 10, 10, 20]\n            }]\n        };\n}",
        "dataFormatter": "",
        "stylesFormatter": "",
        "url": "/bar",
        "time": 5000,
        "component": {
          "width": 600,
          "height": 300,
          "name": "common",
          "prop": "common",
        },
      }
    }, {
      "label": 'datav',
      "option": {
        "name": "datav",
        "title": "datav",
        "icon": 'icon-datav',
        "img": '/img/assets/text6.png',
        "dataType": 0,
        "dataMethod": 'get',
        "data": {
          value: 66
        },
        "dataFormatter": "",
        "echartFormatter": "(data)=>{\n  console.log(data);\n  return {\n    config:{\n\t    data: [66] \n\t  }\n  }\n}",
        "time": 5000,
        "component": {
          "width": 150,
          "height": 200,
          "name": "datav",
          "prop": "datav",
        },
        "option": {
          "is": 'dv-water-level-pond'
        }
      }
    }, {
      "label": '柱形图',
      "option": {
        "name": "柱状图",
        "title": "柱状图",
        "icon": 'icon-bar',
        "img": '/img/assets/bar.png',
        "dataType": 1,
        "dataMethod": 'get',
        "data": {
          "categories": [
            "苹果",
            "三星",
            "小米",
            "oppo",
            "vivo"
          ],
          "series": [{
            "name": "手机品牌",
            "data": [
              1000879,
              3400879,
              2300879,
              5400879,
              3400879
            ]
          }]
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "url": "/bar",
        "time": 5000,
        "component": {
          "width": 600,
          "height": 300,
          "name": "bar",
          "prop": "bar",
        },
        "option": {
          "gridX": 90,
          "gridY": 0,
          "gridX2": 0,
          "gridY2": 0,
          "legend": true,
          "nameColor": "#eee",
          "lineColor": "#eee",
          "xNameFontSize": 16,
          "yNameFontSize": 16,
          "labelShow": true,
          "labelShowColor": '#fff',
          "labelShowFontSize": 14,
          "labelShowFontWeight": 300,
          "yAxisInverse": false,
          "xAxisInverse": false,
          "xAxisShow": true,
          "yAxisShow": true,
          "xAxisSplitLineShow": false,
          "yAxisSplitLineShow": false,
          "barWidth": 30,
          "barRadius": 8,
          "barColor": [{
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          }, {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }],
          "barMinHeight": 2
        }
      }
    }, {
      "label": '折线图',
      "option": {
        "name": "折线图",
        "title": "折线图",
        "icon": 'icon-line',
        "img": '/img/assets/line.png',
        "dataType": 1,
        "dataMethod": 'get',
        "data": {
          "categories": [
            "苹果",
            "三星",
            "小米",
            "oppo",
            "vivo"
          ],
          "series": [{
            "name": "手机品牌",
            "data": [
              1000879,
              3400879,
              2300879,
              5400879,
              3400879
            ]
          }]
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "url": "/bar",
        "time": 5000,
        "component": {
          "width": 600,
          "height": 300,
          "name": "line",
          "prop": "line",
        },
        "option": {
          "gridX": 90,
          "gridY": 0,
          "gridX2": 0,
          "gridY2": 0,
          "nameColor": "#eee",
          "lineColor": "#eee",
          "lineWidth": 5,
          "xNameFontSize": 16,
          "yNameFontSize": 16,
          "labelShow": false,
          "labelShowFontSize": 14,
          "labelShowFontWeight": 300,
          "yAxisInverse": false,
          "xAxisInverse": false,
          "xAxisShow": true,
          "yAxisShow": true,
          "xAxisSplitLineShow": false,
          "yAxisSplitLineShow": false,
          "barWidth": 30,
          "barRadius": 8,
          "barColor": [{
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          }, {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }],
          "symbolSize": 6,
          "smooth": true,
          "barMinHeight": 2
        }
      }
    }, {
      label: '饼图',
      option: {
        "name": "饼图",
        "title": "饼图",
        "icon": 'icon-pie',
        "img": '/img/assets/pie.png',
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/pie",
        "data": [{
          "name": "苹果",
          "value": 1000879,
          "url": "http://www.baidu.com"
        }, {
          "name": "三星",
          "value": 3400879,
          "url": "http://www.baidu.com"
        }, {
          "name": "小米",
          "value": 2300879,
          "url": "http://www.baidu.com"
        }, {
          "name": "oppo",
          "value": 5400879,
          "url": "http://www.baidu.com"
        }, {
          "name": "大疆",
          "value": 3000,
          "url": "http://www.baidu.com"
        }, {
          "name": "抖音",
          "value": 2000,
          "url": "http://www.baidu.com"
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "resize": false,
        "component": {
          "width": 600,
          "height": 300,
          "name": "pie",
          "prop": "pie",
        },
        "option": {
          "legend": true,
          "labelShow": true,
          "barColor": [
            {
              "color1": "#83bff6"
            },
            {
              "color1": "#23B7E5"
            },
            {
              "color1": "rgba(154, 168, 212, 1)"
            },
            {
              "color1": "#188df0"
            },
            {
              "color1": "#564AA3"
            }
          ]
        }
      }
    }, {
      label: '象形图',
      option: {
        "title": "象形图",
        "name": "象形图",
        "icon": "icon-pictorialBar",
        "img": '/img/assets/bar2.png',
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/pie",
        "data": [{
          "name": "苹果",
          "value": 1000879,
        }, {
          "name": "三星",
          "value": 3400879,
        }, {
          "name": "小米",
          "value": 2300879,
        }, {
          "name": "oppo",
          "value": 5400879,
        }, {
          "name": "大疆",
          "value": 3000,
        }, {
          "name": "抖音",
          "value": 2000,
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 600,
          "height": 300,
          "name": "pictorialbar",
          "prop": "pictorialbar",
        },
        "option": {
          symbolSize: 30,
          split: 30,
          symbol: '/img/source/source256.png',
          fontSize: '24',
          xAxisShow: false,
          yAxisShow: true,
          color: '#4dffff',
          nameColor: '#564AA3',
          xNameFontSize: '24',
          yNameFontSize: '24',
        }
      }
    }, {
      label: '雷达图',
      option: {
        "title": "雷达图",
        "name": "雷达图",
        "icon": "icon-radar",
        "img": '/img/assets/radar.png',
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/radar",
        "data": {
          indicator: [{
            name: '销售',
            max: 6500
          },
          {
            name: '管理',
            max: 16000
          },
          {
            name: '信息技术',
            max: 30000
          },
          {
            name: '客服',
            max: 38000
          },
          {
            name: '研发',
            max: 52000
          },
          {
            name: '市场',
            max: 25000
          }
          ],
          series: [{
            data: [{
              value: [4300, 10000, 28000, 35000, 50000, 19000],
              name: '预算分配（Allocated Budget）'
            },
            {
              value: [5000, 14000, 28000, 31000, 42000, 21000],
              name: '实际开销（Actual Spending）'
            }
            ]
          }]
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 970,
          "height": 400,
          "name": "radar",
          "prop": "radar",
        },
        "option": {
          width: '100%',
          height: 600,
          titleShow: true,
          title: '各部门开销',
          subtext: '最近一个月',
          titleColor: '#666',
          tipBackgroundColor: 'rgba(50,50,50,0.7)',
          tipColor: "#fff",
          shape: 'polygon',
          radius: "75%",
          splitNumber: 4,
          radarNameColor: '#fff',
          radarNameSize: 18,
          titleFontSize: 18,
          areaOpacity: 0.3,
          legend: true,
          // labelShow: true,
          "barColor": [{
            "color1": "#564AA3",
          },
          {
            "color1": "#188df0",
          }
          ]
        },
      }
    }, {
      label: '散点图',
      option: {
        "title": "散点图",
        "name": "散点图",
        "icon": "icon-scatter",
        "img": '/img/assets/scatter.png',
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/scatter",
        "data": [{
          "data": [
            [1, 8.04],
            [2, 6.95]
          ]
        },
        {
          "data": [
            [1, 4.04],
            [2, 3.95]
          ]
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 600,
          "height": 300,
          "name": "scatter",
          "prop": "scatter",
        },
        "option": {
          lineSize: 25,
          barColor: [{
            postion: 0.2,
            color1: '#91c7ae'
          },
          {
            postion: 0.8,
            color1: '#63869e'
          },
          {
            postion: 1,
            color1: '#c23531'
          }]
        }
      }
    }, {
      label: '漏斗图',
      option: {
        "title": "漏斗图",
        "name": "漏斗图",
        "icon": "icon-funnel",
        "img": '/img/assets/funnel.png',
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/funnel",
        "data": [{
          value: 335,
          name: '直接访问'
        },
        {
          value: 310,
          name: '邮件营销'
        },
        {
          value: 234,
          name: '联盟广告'
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 400,
          "height": 300,
          "name": "funnel",
          "prop": "funnel",
        },
        "option": {
          radius: true,
          "barColor": [{
            "color1": "#83bff6",
          },
          {
            "color1": "#23B7E5",
          },
          {
            "color1": "rgba(154, 168, 212, 1)",
          },
          {
            "color1": "#188df0",
          },
          {
            "color1": "#564AA3",
          }
          ]
        }
      }
    }, {
      label: '地图',
      option: {
        "name": "地图",
        "title": "地图",
        "icon": "icon-map",
        "img": '/img/assets/map.png',
        "dataType": 0,
        "data": [
          {
            "name": "测试坐标1",
            "value": 1,
            "lng": 118.30078125,
            "lat": 36.91915611148194,
            "zoom": 1
          },
          {
            "name": "测试坐标2",
            "value": 1,
            "lng": 112.21435546875,
            "lat": 37.965854128749434,
            "zoom": 1
          }
        ],
        "formatter": "function(name,data){\n    console.log(name,data)\n    return '名称:'+name.data.name+name.data.value\n}",
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 800,
          "height": 607,
          "name": "map",
          "prop": "map",
        },
        "option": {
          "tipBackgroundColor": "rgba(13, 255, 255, .5)",
          "tipColor": "rgba(217, 38, 10, 1)",
          "tipFontSize": "30",
          "borderWidth": 1,
          "scale": 87,
          "type": 0,
          "borderColor": "#0dffff",
          "areaColor": "rgba(6, 29, 51, 0.59)",
          "banner": true,
          "bannerTime": 3000,
          "fontSize": 14,
          "zoom": 0.5,
          "empAreaColor": "rgba(35, 183, 229, 0.42)",
          "empColor": "rgba(217, 38, 10, 1)",
          "index": "894edc1d-d2f0-4616-962c-8e61083ada71",
          "mapData": "https://data.bladex.vip/blade-visual/map/data?id=1235103352843448322",
          "color": "rgba(13, 255, 255, 1)",
        }
      }
    }, {
      label: '矩形图',
      option: {
        "name": "矩形图",
        "title": "矩形图",
        "icon": 'icon-juxing',
        "img": '/img/assets/rectangle.png',
        "data": [
          {
            "name": "分类 1",
            "value": 560
          },
          {
            "name": "分类 2",
            "value": 500
          },
          {
            "name": "分类 3",
            "value": 150
          },
          {
            "name": "分类 4",
            "value": 140
          },
          {
            "name": "分类 5",
            "value": 115
          },
          {
            "name": "分类 6",
            "value": 95
          },
          {
            "name": "分类 7",
            "value": 90
          },
          {
            "name": "分类 8",
            "value": 75
          },
          {
            "name": "分类 9",
            "value": 98
          },
          {
            "name": "分类 10",
            "value": 60
          },
          {
            "name": "分类 11",
            "value": 45
          },
          {
            "name": "分类 12",
            "value": 40
          },
          {
            "name": "分类 13",
            "value": 40
          },
          {
            "name": "分类 14",
            "value": 35
          },
          {
            "name": "分类 15",
            "value": 40
          },
          {
            "name": "分类 16",
            "value": 40
          },
          {
            "name": "分类 17",
            "value": 40
          },
          {
            "name": "分类 18",
            "value": 30
          },
          {
            "name": "分类 19",
            "value": 28
          },
          {
            "name": "分类 20",
            "value": 16
          }
        ],
        "dataType": 0,
        "echartFormatter": "",
        "component": {
          "width": 754,
          "height": 377,
          "name": "rectangle",
          "prop": "rectangle",
        },
        option: {
          fontSize: 14,
          color: '#fff',
          tipFontSize: 40,
          tipColor: '#fff'
        }
      }
    }, {
      label: '定时器',
      option: {
        "name": "定时器",
        "title": "定时器",
        "icon": 'icon-datetime',
        "img": '/img/assets/time.png',
        "echartFormatter": "",
        "component": {
          "width": 100,
          "height": 100,
          "name": "time",
          "prop": "time",
        },
        option: {
          time: 0
        }
      }
    }, {
      label: '自定义Vue组件',
      option: {
        "name": "自定义Vue组件",
        "title": "自定义Vue组件",
        "icon": 'icon-bar',
        "img": '/img/assets/text4.png',
        "dataType": 0,
        "data": {
          "name": "avue"
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 800,
          "height": 500,
          "name": "vue",
          "prop": "vue",
        },
        "option": {
          "content": "<template>\n    <div class=\"test\">\n        <h1 @click=\"handleClick\">{{dataChart}}<h1>\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            \n        }\n    },\n    created(){\n        console.log(this);\n    },\n    methods:{\n        handleClick(){\n            this.$message.success(this.dataChart.name)\n        }\n    }\n}\n</script>\n<style>\n    .test{\n        text-align:center;\n        color:red;\n        font-size:40px;\n    }\n</style>"
        }
      }
    }]
  }, {
    "label": '文字',
    "icon": 'icon-text',
    "children": [{
      "label": '文本框',
      "option": {
        "title": "文本框",
        "name": "文本框",
        "icon": 'icon-text',
        "img": '/img/assets/text.png',
        "dataType": 0,
        "dataFormatter": "",
        "stylesFormatter": "",
        "child": {
          "index": [],
          "paramName": ""
        },
        "data": {
          value: '文本框'
        },
        "component": {
          "width": 100,
          "height": 40,
          "name": "text",
          "prop": "text"
        },
        "option": {
          "textAlign": "center",
          "fontSize": 26,
          "fontWeight": "normal",
          "color": "#fff"
        },
      },
    }, {
      "label": '跑马灯',
      "option": {
        "title": "跑马灯",
        "name": "跑马灯",
        "icon": 'icon-scroll',
        "img": '/img/assets/text2.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": {
          value: "跑马灯"
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 100,
          "height": 50,
          "name": "text",
          "prop": "text"
        },
        "option": {
          scroll: true,
          speed: 70,
          "textAlign": "center",
          "fontSize": 26,
          "fontWeight": "normal",
          "color": "#fff"
        },
      },
    }, {
      "label": '超链接',
      "option": {
        "title": "超链接",
        "name": "超链接",
        "icon": 'icon-link',
        "img": '/img/assets/text3.png',
        "top": 0,
        "left": 0,
        "data": {
          "value": "超链接"
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 100,
          "height": 50,
          "name": "text",
          "prop": "text"
        },
        "option": {
          link: true,
          linkHref: 'http://avue.top',
          linkTarget: '_self',
          "textAlign": "center",
          "fontSize": 26,
          "fontWeight": "normal",
          "color": "#fff"
        },
      },
    }, {
      "label": '实时时间',
      "option": {
        "name": "实时时间",
        "title": "实时时间",
        "icon": 'icon-datetime',
        "img": '/img/assets/datetime.png',
        "top": 78,
        "left": 1604,
        "component": {
          "width": 250,
          "height": 50,
          "name": "datetime",
          "prop": "datetime",
        },
        "option": {
          "format": 'yyyy-MM-dd hh:mm:ss',
          "color": "#fff",
          'textAlign': 'left',
          "fontSize": 24,
          "fontWeight": "normal"
        }
      },
    }]
  }, {
    "label": '媒体',
    "icon": 'icon-img',
    "children": [{
      "label": '图片',
      "option": {
        "title": "图片",
        "name": "图片",
        "icon": 'icon-img',
        "img": '/img/assets/img.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": {
          value: '/img/img-default.png'
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 180,
          "height": 120,
          "name": "img",
          "prop": "img",
        },
        "option": {
          duration: '1000',
        }
      }
    }, {
      "label": '图片框',
      "option": {
        "title": "图片框",
        "name": "图片框",
        "icon": 'icon-img',
        "img": '/img/assets/imgborder.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": "/img/border/border1.png",
        "component": {
          "width": 140,
          "height": 140,
          "name": "imgborder",
          "prop": "imgborder",
        },
        "option": {
          backgroundColor: 'rgba(180, 181, 198, 0.1)',
        }
      }
    }, {
      label: '轮播图',
      option: {
        "title": "轮播图",
        "name": "轮播图",
        "icon": 'icon-banner',
        "img": '/img/assets/swiper.png',
        "top": 0,
        "left": 0,
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/swiper",
        "data": [
          {
            value: 'https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg',
          }, {
            value: 'https://img.alicdn.com/tfs/TB1uevcCrj1gK0jSZFuXXcrHpXa-1880-640.jpg',
          }, {
            value: 'http://www.w3school.com.cn/i/movie.ogg'
          }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 670,
          "height": 370,
          "name": "swiper",
          "prop": "swiper"
        },
        "option": {
          type: '',
          interval: 5000,
          opacity: 100,
          indicator: 'none',
          autoplay: true,
          controls: true,
          loop: true

        },
      }
    }, {
      label: 'iframe',
      option: {
        "title": "iframe",
        "name": "iframe",
        "icon": 'icon-iframe',
        "img": '/img/assets/iframe.png',
        "top": 0,
        "left": 0,
        "component": {
          "width": 670,
          "height": 370,
          "option": {},
          "name": "iframe",
          "prop": "iframe"
        },
        "dataType": 0,
        "data": {
          value: 'https://avuejs.com'
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "option": {},
      }
    }, {
      label: 'video播放器',
      option: {
        "title": "video",
        "name": "video",
        "icon": 'icon-video',
        "img": '/img/assets/video.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": {
          value: 'http://www.w3school.com.cn/i/movie.ogg'
        },
        "option": {
          autoplay: true,
          controls: true,
          loop: true
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 670,
          "height": 370,
          "option": {},
          "name": "video",
          "prop": "video"
        },
      }
    }, {
      label: 'hls播放器',
      option: {
        "title": "hls",
        "name": "hls",
        "icon": 'icon-video',
        "img": '/img/assets/video.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": {
          value: 'https://open.ys7.com/v3/openlive/E10668433_1_1.m3u8?expire=1664027961&id=363444666731335680&t=346b970f0d5cb5d5b5e4734d966275a61fb9efd5038c7a75b7435423c5716908&ev=100'
        },
        "option": {
          autoplay: true
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 670,
          "height": 370,
          "option": {},
          "name": "clapper",
          "prop": "clapper"
        },
      }
    }]
  }, {
    "label": '指标',
    "icon": 'icon-flop',
    "children": [{
      "label": '翻牌器',
      "option": {
        "title": "翻牌器",
        "name": "翻牌器",
        "icon": 'icon-flop',
        "img": '/img/assets/flop.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "child": {
          "index": [],
          "paramName": ""
        },
        "data": {
          value: '12345'
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 300,
          "height": 100,
          "name": "flop",
          "prop": "flop",
        },
        "option": {
          "type": "img",
          "suffixText": "",
          "suffixTextAlign": "",
          "suffixSplit": '',
          "suffixColor": "",
          "suffixFontSize": '',
          "borderColor": "#fff",
          "borderWidth": 3,
          "backgroundBorder": "/img/border/border1.png",
          "fontSize": 32,
          "fontWeight": "normal",
          "splitx": 0,
          "splity": 0,
          "backgroundColor": "",
          "color": "#fff"
        },
      }
    }, {
      "label": '颜色块',
      "option": {
        "title": "颜色块",
        "name": "颜色块",
        "icon": 'icon-flop',
        "img": '/img/assets/flop2.png',
        "child": {
          "index": [],
          "paramName": ""
        },
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": [{
          "backgroundColor": '#67C23A',
          "prefixText": "某某某总人数",
          "value": '12345',
          "suffixText": '人',
        }, {
          "backgroundColor": '#409EFF',
          "prefixText": "某某某总人数",
          "value": '12345',
          "suffixText": '人',
        }, {
          "backgroundColor": '#E6A23C',
          "prefixText": "某某某总人数",
          "value": '12345',
          "suffixText": '人',
        }, {
          "backgroundColor": '#F56C6C',
          "prefixText": "某某某总人数",
          "value": '12345',
          "suffixText": '人',
        }, {
          "backgroundColor": '#7232dd',
          "prefixText": "某某某总人数",
          "value": '12345',
          "suffixText": '人',
        }, {
          "backgroundColor": 'blue',
          "prefixText": "某某某总人数",
          "value": '12345',
          "suffixText": '人',
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 888,
          "height": 203,
          "name": "flop",
          "prop": "flop",
        },
        "option": {
          "span": 3,
          "decimals": 2,
          "whole": true,
          "padding": 12,
          "textAlign": 'left',
          "splity": 23,
          "splitx": 17,
          "fontSize": 28,
          "prefixSplity": 4,
          "prefixFontSize": 13,
          "backgroundColor": "#F56C6C",
          "suffixText": '人',
          "suffixInline": true,
          "suffixSplitx": 10,
          "suffixFontSize": 18,
        },
      }
    }, {
      "label": '环形图',
      "option": {
        "title": "环形图",
        "name": "环形图",
        "icon": 'icon-circle',
        "img": '/img/assets/progress.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": {
          "label": "人数增涨",
          "value": 40,
          "data": 80
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 300,
          "height": 300,
          "name": "progress",
          "prop": "progress"
        },
        "option": {
          "type": "circle",
          "strokeWidth": 25,
          "color": "rgba(154, 168, 212, 1)",
          "fontSize": 40,
          "fontWeight": "normal",
          "suffixColor": "rgba(154, 168, 212, 1)",
          "suffixFontSize": 40,
          "suffixFontWeight": "normal",
          "borderColor": "#564AA3",
          "split": 20,
          "width": 400,
          "height": 80
        },
      }
    }, {
      "label": '进度条',
      "option": {
        "title": "进度条",
        "name": "进度条",
        "icon": 'icon-progress',
        "img": '/img/assets/progress2.png',
        "top": 0,
        "left": 0,
        "data": {
          "label": "人数增涨",
          "value": 40,
          "data": 80
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 400,
          "height": 100,
          "name": "progress",
          "prop": "progress"
        },
        "option": {
          "type": "line",
          "color": "#fff",
          "fontSize": 24,
          "suffixColor": "#fff",
          "strokeWidth": 13,
          "fontWeight": "normal",
          "borderColor": "#564AA3"
        },
      }
    }, {
      label: '仪表盘',
      option: {
        "title": "仪表盘",
        "icon": 'icon-gauge',
        "img": '/img/assets/gauge.png',
        "name": "仪表盘",
        "dataType": 1,
        "dataMethod": 'get',
        "time": 5000,
        "url": "/gauge",
        "data": {
          min: 1,
          max: 10,
          label: '名称',
          value: 4,
          unit: '%'
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 390,
          "height": 314,
          "name": "gauge",
          "prop": "gauge"
        },
        "option": {
          "lineSize": 15,
          "axisLabelShow": false,
          "axisLabelFontSize": 25,
          "nameFontSize": 20,
          "valueFontSize": 30,
          "nameColor": "",
          "lineColor": "#eee",
          "barColor": [
            {
              "color1": "rgba(154, 168, 212, 1)",
              "postion": "0.2",
            },
            {
              "color1": "#23B7E5",
              "postion": "0.8",
            },
            {
              "color1": "#564AA3",
              "postion": "1",
            }
          ]
        },
      },
    }, {
      label: '字符云',
      option: {
        "title": "字符云",
        "name": "字符云",
        "icon": "icon-wordCloud",
        "img": '/img/assets/wordcloud.png',
        "top": 725,
        "left": 3780,
        "dataType": 1,
        "dataMethod": 'get',
        "data": [{
          name: '三星',
          value: '1234'
        }, {
          name: '小米',
          value: '1234'
        }, {
          name: '华为',
          value: '1234'
        }, {
          name: 'oppo',
          value: '1234'
        }, {
          name: '抖音',
          value: '1234'
        }, {
          name: '快手',
          value: '1234'
        }, {
          name: '淘宝',
          value: '1234'
        }, {
          name: '百度',
          value: '1234'
        }, {
          name: '京东',
          value: '1234'
        }, {
          name: '天猫',
          value: '1234'
        }, {
          name: '字符1',
          value: '1234'
        }, {
          name: '字符1',
          value: '1234'
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "url": "/wordCloud",
        "time": 5000,
        "component": {
          "name": "wordcloud",
          "prop": "wordcloud",
          "width": 600,
          "height": 300,
        },
        option: {
          minFontSize: 30,
          maxFontSize: 80,
          split: 30,
          rotate: true,
        }
      }
    }]
  }, {
    "label": '表格',
    "icon": 'icon-table',
    "children": [{
      "label": '表格',
      "option": {
        "title": "表格",
        "name": "表格",
        "icon": 'icon-table',
        "img": '/img/assets/table.png',
        "top": 0,
        "left": 0,
        "dataType": 0,
        "data": [{
          "type1": '数据1',
          "type2": '数据1'
        }, {
          "type1": '数据2',
          "type2": '数据2'
        }, {
          "type1": '数据3',
          "type2": '数据3'
        }, {
          "type1": '数据4',
          "type2": '数据4'
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 700,
          "height": 350,
          "name": "table",
          "prop": "table",
        },
        "option": {
          "showHeader": true,
          "columnShow": true,
          "columnViews": true,
          "headerBackground": "rgba(8, 90, 111, 0.8)",
          "headerColor": "rgba(154, 168, 212, 1)",
          "headerTextAlign": "center",
          "nthColor": "rgba(14, 86, 241, 0.08)",
          "bodyBackground": "rgba(0, 0, 0, 0.01)",
          "bodyColor": "rgba(154, 168, 212, 1)",
          "bodyTextAlign": "center",
          "align": "center",
          "headerAlign": "center",
          "header": false,
          "scrollSpeed": 1,
          "fontSize": 15,
          "count": 4,
          "index": true,
          "column": [{
            "label": "车牌号",
            "prop": "type1"
          }, {
            "label": "驾驶员",
            "prop": "type2"
          }, {
            "label": "里程",
            "prop": "type3"
          }, {
            "label": "油耗",
            "prop": "type4"
          }],
        }
      }
    }, {
      label: '选项卡',
      option: {
        "title": "选项卡",
        "name": "选项卡",
        "icon": "icon-tabs",
        "img": '/img/assets/tabs.png',
        "child": {
          "index": [],
          "paramName": ""
        },
        "dataFormatter": "",
        "stylesFormatter": "",
        "dataType": 0,
        "data": [
          {
            "label": "选项卡1",
            "value": "1"
          },
          {
            "label": "选项卡2",
            "value": "2"
          }
        ],
        "component": {
          "width": 356,
          "height": 46,
          "name": "tabs",
          "prop": "tabs"
        },
        "option": {
          "type": 'tabs',
          "color": "#eee",
          "empColor": "#4dffff",
          "fontSize": 20,
          "split": 8,
          "empBackgroundImage": "/img/banner/banner5.png",
          "backgroundImage": "/img/banner/banner4.png"
        },
      },
    },]
  }, {
    "label": '边框',
    "icon": 'icon-biankuang',
    "children": [{
      label: '边框1',
      option: {
        "title": "边框1",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_01.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 1,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框2',
      option: {
        "title": "边框2",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_02.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 2,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框3',
      option: {
        "title": "边框3",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_03.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 3,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框4',
      option: {
        "title": "边框4",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_04.png',
        "top": 0,
        "left": 0,
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 4,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框5',
      option: {
        "title": "边框5",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_05.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 5,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框6',
      option: {
        "title": "边框6",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_06.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 6,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框7',
      option: {
        "title": "边框7",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_07.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 7,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框8',
      option: {
        "title": "边框8",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_08.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 8,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框9',
      option: {
        "title": "边框9",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_09.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 9,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框10',
      option: {
        "title": "边框10",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_10.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 10,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框11',
      option: {
        "title": "边框11",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_11.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 11,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }, {
      label: '边框12',
      option: {
        "title": "边框12",
        "name": "datav",
        "icon": 'icon-biankuang',
        "img": '/img/assets/borderBox/borderBox_12.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 300,
          "height": 150,
          "name": "borderBox",
          "prop": "borderBox"
        },
        "option": {
          type: 12,
          color1: '#83bff6',
          color2: '#00CED1',
          dur: undefined
        }
      }
    }]
  }, {
    "label": 'datav例子',
    "icon": 'icon-datav',
    "children": [
      {
        "label": '滚动排名',
        "option": {
          "name": "滚动排名",
          "title": "滚动排名",
          "icon": "icon-datav",
          "img": '/img/assets/table1.gif',
          "dataType": 0,
          "dataMethod": "get",
          "data": [
            {
              "name": "周口",
              "value": 55
            },
            {
              "name": "南阳",
              "value": 120
            },
            {
              "name": "西峡",
              "value": 78
            },
            {
              "name": "驻马店",
              "value": 66
            },
            {
              "name": "新乡",
              "value": 80
            },
            {
              "name": "信阳",
              "value": 45
            },
            {
              "name": "漯河",
              "value": 29
            }
          ],
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n\t    data: data,\n      //carousel: 'page',\n      valueFormatter ({ value }) {\n        return value+'单位'\n      }\n\t  }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 652.35,
            "height": 248.45,
            "name": "datav",
            "prop": "datav"
          },
          "option": {
            "is": "dv-scroll-ranking-board"
          }
        }
      },
      {
        "label": '胶囊排名',
        "option": {
          "name": "胶囊排名",
          "title": "胶囊排名",
          "icon": "icon-datav",
          "img": '/img/assets/table3.png',
          "dataType": 0,
          "dataMethod": "get",
          "data": [
            {
              "name": "周口",
              "value": 55
            },
            {
              "name": "南阳",
              "value": 120
            },
            {
              "name": "西峡",
              "value": 78
            },
            {
              "name": "驻马店",
              "value": 66
            },
            {
              "name": "新乡",
              "value": 80
            },
            {
              "name": "信阳",
              "value": 45
            },
            {
              "name": "漯河",
              "value": 29
            }
          ],
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n\t    data: data,\n      colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],\n      unit: '单位',\n      showValue: true\n\t  }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 652.35,
            "height": 248.45,
            "name": "datav",
            "prop": "datav"
          },
          "option": {
            "is": "dv-capsule-chart"
          }
        }
      }, {
        label: '水位图',
        option: {
          "name": "水位图",
          "title": "datav",
          "icon": 'icon-datav',
          "img": '/img/assets/datav/datav1.png',
          "dataType": 0,
          "dataMethod": 'get',
          "data": {
            value: 66
          },
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n\t    data: [data.value],\n      shape: 'roundRect'\n\t  }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 150,
            "height": 200,
            "name": "datav",
            "prop": "datav",
          },
          "option": {
            "is": 'dv-water-level-pond'
          }
        }
      }, {
        label: '进度池',
        option: {
          "name": "进度池",
          "title": "datav",
          "icon": 'icon-datav',
          "img": '/img/assets/datav/datav2.png',
          "dataType": 0,
          "dataMethod": 'get',
          "data": {
            value: 66
          },
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n      value: data.value,\n      borderWidth: 5,\n      borderRadius: 10,\n      borderGap: 5,\n      lineDash: [10, 2],\n      localGradient: true\n    }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 369,
            "height": 153,
            "name": "datav",
            "prop": "datav",
          },
          "option": {
            "is": 'dv-percent-pond'
          }
        }
      }, {
        label: '锥形柱图',
        option: {
          "name": "锥形柱图",
          "title": "datav",
          "icon": 'icon-datav',
          "img": '/img/assets/datav/datav3.png',
          "dataType": 0,
          "dataMethod": 'get',
          "data": [
            {
              name: '周口',
              value: 55
            },
            {
              name: '南阳',
              value: 120
            },
            {
              name: '西峡',
              value: 71
            },
            {
              name: '驻马店',
              value: 66
            },
            {
              name: '新乡',
              value: 80
            },
            {
              name: '信阳',
              value: 35
            },
            {
              name: '漯河',
              value: 15
            }
          ],
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n      data:data,\n      img: [\n        '/img/conicalColumnChart/1st.png',\n        '/img/conicalColumnChart/2st.png',\n        '/img/conicalColumnChart/3st.png',\n        '/img/conicalColumnChart/4st.png',\n        '/img/conicalColumnChart/5st.png',\n        '/img/conicalColumnChart/6st.png',\n        '/img/conicalColumnChart/7st.png'\n      ],\n      showValue: true\n    }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 549.18,
            "height": 262.98,
            "name": "datav",
            "prop": "datav",
          },
          "option": {
            "is": 'dv-conical-column-chart'
          }
        }
      }, {
        label: '飞线图',
        option: {
          "name": "飞线图",
          "title": "datav",
          "icon": 'icon-datav',
          "img": '/img/assets/datav/datav4.png',
          "dataType": 0,
          "dataMethod": 'get',
          "data": {
            "points": [
              {
                "name": "郑州",
                "coordinate": [
                  0.48,
                  0.35
                ],
                "halo": {
                  "show": true
                },
                "icon": {
                  "src": "/img/flylineChart/mapCenterPoint.png",
                  "width": 30,
                  "height": 30
                },
                "text": {
                  "show": false
                }
              },
              {
                "name": "新乡",
                "coordinate": [
                  0.52,
                  0.23
                ]
              },
              {
                "name": "焦作",
                "coordinate": [
                  0.43,
                  0.29
                ]
              },
              {
                "name": "开封",
                "coordinate": [
                  0.59,
                  0.35
                ]
              },
              {
                "name": "许昌",
                "coordinate": [
                  0.53,
                  0.47
                ]
              },
              {
                "name": "平顶山",
                "coordinate": [
                  0.45,
                  0.54
                ]
              },
              {
                "name": "洛阳",
                "coordinate": [
                  0.36,
                  0.38
                ]
              },
              {
                "name": "周口",
                "coordinate": [
                  0.62,
                  0.55
                ],
                "halo": {
                  "show": true,
                  "color": "#8378ea"
                }
              },
              {
                "name": "漯河",
                "coordinate": [
                  0.56,
                  0.56
                ]
              },
              {
                "name": "南阳",
                "coordinate": [
                  0.37,
                  0.66
                ],
                "halo": {
                  "show": true,
                  "color": "#37a2da"
                }
              },
              {
                "name": "信阳",
                "coordinate": [
                  0.55,
                  0.81
                ]
              },
              {
                "name": "驻马店",
                "coordinate": [
                  0.55,
                  0.67
                ]
              },
              {
                "name": "济源",
                "coordinate": [
                  0.37,
                  0.29
                ]
              },
              {
                "name": "三门峡",
                "coordinate": [
                  0.2,
                  0.36
                ]
              },
              {
                "name": "商丘",
                "coordinate": [
                  0.76,
                  0.41
                ]
              },
              {
                "name": "鹤壁",
                "coordinate": [
                  0.59,
                  0.18
                ]
              },
              {
                "name": "濮阳",
                "coordinate": [
                  0.68,
                  0.17
                ]
              },
              {
                "name": "安阳",
                "coordinate": [
                  0.59,
                  0.1
                ]
              }
            ],
            "lines": [
              {
                "source": "新乡",
                "target": "郑州"
              },
              {
                "source": "焦作",
                "target": "郑州"
              },
              {
                "source": "开封",
                "target": "郑州"
              },
              {
                "source": "周口",
                "target": "郑州",
                "color": "#fb7293",
                "width": 2
              },
              {
                "source": "南阳",
                "target": "郑州",
                "color": "#fb7293",
                "width": 2
              },
              {
                "source": "济源",
                "target": "郑州"
              },
              {
                "source": "三门峡",
                "target": "郑州"
              },
              {
                "source": "商丘",
                "target": "郑州"
              },
              {
                "source": "鹤壁",
                "target": "郑州"
              },
              {
                "source": "濮阳",
                "target": "郑州"
              },
              {
                "source": "安阳",
                "target": "郑州"
              },
              {
                "source": "许昌",
                "target": "南阳",
                "color": "#37a2da"
              },
              {
                "source": "平顶山",
                "target": "南阳",
                "color": "#37a2da"
              },
              {
                "source": "洛阳",
                "target": "南阳",
                "color": "#37a2da"
              },
              {
                "source": "驻马店",
                "target": "周口",
                "color": "#8378ea"
              },
              {
                "source": "信阳",
                "target": "周口",
                "color": "#8378ea"
              },
              {
                "source": "漯河",
                "target": "周口",
                "color": "#8378ea"
              }
            ]
          },
          "lines": [
            {
              "source": "新乡",
              "target": "郑州"
            },
            {
              "source": "焦作",
              "target": "郑州"
            },
            {
              "source": "开封",
              "target": "郑州"
            },
            {
              "source": "周口",
              "target": "郑州",
              "color": "#fb7293",
              "width": 2
            },
            {
              "source": "南阳",
              "target": "郑州",
              "color": "#fb7293",
              "width": 2
            },
            {
              "source": "济源",
              "target": "郑州"
            },
            {
              "source": "三门峡",
              "target": "郑州"
            },
            {
              "source": "商丘",
              "target": "郑州"
            },
            {
              "source": "鹤壁",
              "target": "郑州"
            },
            {
              "source": "濮阳",
              "target": "郑州"
            },
            {
              "source": "安阳",
              "target": "郑州"
            },
            {
              "source": "许昌",
              "target": "南阳",
              "color": "#37a2da"
            },
            {
              "source": "平顶山",
              "target": "南阳",
              "color": "#37a2da"
            },
            {
              "source": "洛阳",
              "target": "南阳",
              "color": "#37a2da"
            },
            {
              "source": "驻马店",
              "target": "周口",
              "color": "#8378ea"
            },
            {
              "source": "信阳",
              "target": "周口",
              "color": "#8378ea"
            },
            {
              "source": "漯河",
              "target": "周口",
              "color": "#8378ea"
            }
          ],
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n      points:data.points,\n      lines:data.lines,\n      icon: {\n        show: true,\n        src: '/img/flylineChart/mapPoint.png'\n      },\n      text: {\n        show: true,\n      },\n      k: 0.5,\n      bgImgSrc: '/img/flylineChart/map.jpg'\n    }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 949.32,
            "height": 515.7,
            "name": "datav",
            "prop": "datav",
          },
          "option": {
            "is": 'dv-flyline-chart-enhanced'
          }
        }
      }, {
        label: '动态环图',
        option: {
          "name": "动态环图",
          "title": "datav",
          "icon": 'icon-datav',
          "img": '/img/assets/datav/datav5.png',
          "dataType": 0,
          "dataMethod": 'get',
          "data": [
            {
              name: '周口',
              value: 55
            },
            {
              name: '南阳',
              value: 120
            },
            {
              name: '西峡',
              value: 78
            },
            {
              name: '驻马店',
              value: 66
            },
            {
              name: '新乡',
              value: 80
            }
          ],
          "dataFormatter": "",
          "echartFormatter": "(data)=>{\n  return {\n    config:{\n      radius: '40%',\n      activeRadius: '45%',\n      data: data,\n      digitalFlopStyle: {\n        fontSize: 20\n      },\n      showOriginValue: true\n    }\n  }\n}",
          "time": 5000,
          "component": {
            "width": 949.32,
            "height": 515.7,
            "name": "datav",
            "prop": "datav",
          },
          "option": {
            "is": 'dv-active-ring-chart'
          }
        }
      }]
  }, {
    "label": '装饰',
    "icon": 'icon-jianzhuzhuangshi',
    "children": [{
      label: '装饰1',
      option: {
        "title": "装饰1",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_01.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 1,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰2',
      option: {
        "title": "装饰2",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_02.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 2,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰3',
      option: {
        "title": "装饰3",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_03.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 3,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰4',
      option: {
        "title": "装饰4",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_04.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 4,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰5',
      option: {
        "title": "装饰5",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_05.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 5,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰6',
      option: {
        "title": "装饰6",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_06.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 6,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰7',
      option: {
        "title": "装饰7",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_07.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 7,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰8',
      option: {
        "title": "装饰8",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_08.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 8,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰9',
      option: {
        "title": "装饰9",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_09.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 440.5,
          "height": 377.65,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 9,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰10',
      option: {
        "title": "装饰10",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_10.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 10,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰11',
      option: {
        "title": "装饰11",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_11.png',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 670,
          "height": 370,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 11,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }, {
      label: '装饰12',
      option: {
        "title": "装饰12",
        "name": "datav",
        "icon": 'icon-jianzhuzhuangshi',
        "img": '/img/assets/decorate/decorate_12.gif',
        "top": 0,
        "left": 0,
        "data": {},
        "component": {
          "width": 430,
          "height": 430,
          "name": "decoration",
          "prop": "decoration"
        },
        "option": {
          type: 12,
          color1: '#00CED1',
          color2: '#FAD400',
          dur: undefined
        }
      }
    }]
  }, {
    label: '二次开发',
    icon: 'el-icon-info',
    children: [{
      label: '自定义组件',
      option: {
        "name": "自定义组件",
        "title": "自定义组件",
        "icon": 'icon-bar',
        "img": '/img/assets/text4.png',
        "dataType": 0,
        "data": [],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 800,
          "height": 500,
          "name": "test",
          "prop": "test",
        },
        "option": {
          "fontSize": 20,
        }
      }
    }, {
      label: '滚动选项卡',
      option: {
        "name": "滚动选项卡",
        "title": "滚动选项卡",
        "icon": 'icon-bar',
        "img": '/img/assets/text4.png',
        "dataType": 0,
        data: [{
          text: '领导调研',
          list: [
            "https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg",
            "https://img.alicdn.com/tfs/TB1uevcCrj1gK0jSZFuXXcrHpXa-1880-640.jpg"
          ]
        }, {
          text: '先进事件',
          list: [
            "https://img.alicdn.com/imgextra/i1/O1CN01NAnI6W1Vf1kZScscd_!!6000000002679-0-tps-2880-1070.jpg",
            "https://img.alicdn.com/imgextra/i2/O1CN011FMQT21RF8u1nHsem_!!6000000002081-0-tps-2880-1070.jpg"
          ]
        }],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 800,
          "height": 400,
          "name": "imgTabs",
          "prop": "imgTabs",
        },
        "option": {
          direction: 'horizontal',
          interval: 3000,
          time: 5000,
          autoplay: true
        }
      }
    }, {
      label: '滚动列表',
      option: {
        "name": "滚动列表",
        "title": "滚动列表",
        "icon": 'icon-bar',
        "img": '/img/assets/text4.png',
        "dataType": 0,
        "data": [
          {
            "name": "smallwei",
            "time": "11:26",
            "color": "#7c324c",
            "date": "2022-05-22",
            "dept": "设计部",
            "img": "https://oss.bladex.vip/caster/upload/20220522/6f2a92d95b64efeb42c131489abaff2f.webp"
          },
          {
            "name": "smallwei",
            "time": "11:26",
            "color": "#6b6230",
            "date": "2022-05-22",
            "dept": "设计部",
            "img": "https://oss.bladex.vip/caster/upload/20220522/6f2a92d95b64efeb42c131489abaff2f.webp"
          },
          {
            "name": "smallwei",
            "time": "11:26",
            "date": "2022-05-22",
            "color": "#274d86",
            "dept": "设计部",
            "img": "https://oss.bladex.vip/caster/upload/20220522/6f2a92d95b64efeb42c131489abaff2f.webp"
          }
        ],
        "dataFormatter": "",
        "stylesFormatter": "",
        "component": {
          "width": 800,
          "height": 500,
          "name": "imgList",
          "prop": "imgList",
        },
        "option": {
          step: 1,
          direction: 1,
          hoverStop: true,
        }
      }
    }]
  }]
}