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": "\n\n" } } }] }, { "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, } } }] }] }