/* * uCharts® * 高性能跨平台图表库，支持H5、APP、小程序（微信/支付宝/百度/头条/QQ/360）、Vue、Taro等支持canvas的框架平台 * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved. * Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) * 复制使用请保留本段注释，感谢支持开源！ * * uCharts®官方网站 * https://www.uCharts.cn * * 开源地址: * https://gitee.com/uCharts/uCharts * * uni-app插件市场地址： * http://ext.dcloud.net.cn/plugin?id=271 * */ // 主题颜色配置：如每个图表类型需要不同主题，请在对应图表类型上更改color属性 const color = ["#0052d4", "#ff5959", "#f9b248", '#3CA272', '#73C0DE', '#ea7ccc', '#FC8452', '#9A60B4']; //事件转换函数，主要用作格式化x轴为时间轴，根据需求自行修改 const formatDateTime = (timeStamp, returnType) => { var date = new Date(); date.setTime(timeStamp * 1000); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ? ('0' + d) : d; var h = date.getHours(); h = h < 10 ? ('0' + h) : h; var minute = date.getMinutes(); var second = date.getSeconds(); minute = minute < 10 ? ('0' + minute) : minute; second = second < 10 ? ('0' + second) : second; if (returnType == 'full') { return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second; } if (returnType == 'y-m-d') { return y + '-' + m + '-' + d; } if (returnType == 'h:m') { return h + ':' + minute; } if (returnType == 'h:m:s') { return h + ':' + minute + ':' + second; } return [y, m, d, h, minute, second]; } const cfu = { //demotype为自定义图表类型，一般不需要自定义图表类型，只需要改根节点上对应的类型即可 "type": ["pie", "ring", "rose", "word", "funnel", "map", "arcbar", "line", "column", "bar", "area", "radar","gauge", "candle", "mix", "tline", "tarea", "scatter", "bubble", "demotype", "mainline", "mainradar", "mini-line", "mini-area", "mini-column", "mini-rose", "mini-bar", "mini-radar" ], "range": ["饼状图", "圆环图", "玫瑰图", "词云图", "漏斗图", "地图", "圆弧进度条", "折线图", "柱状图", "条状图", "区域图", "雷达图", "仪表盘", "K线图","混合图", "时间轴折线", "时间轴区域", "散点图", "气泡图", "自定义类型", "首页趋势图", "首页雷达图", "折线缩略图", "区域缩略图", "柱状缩略图", "玫瑰缩略图", "条状图缩略图", "雷达缩略图" ], //增加自定义图表类型，如果需要categories，请在这里加入您的图表类型，例如最后的"demotype" //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴（矢量x轴）类图表，没有categories，不需要加入categories "categories": ["line", "column", "bar", "area", "radar", "gauge", "candle", "mix", "demotype", "mainline", "mainradar", "mini-line", "mini-area", "mini-column", "mini-bar", "mini-radar" ], //instance为实例变量承载属性，不要删除 "instance": {}, //option为opts及eopts承载属性，不要删除 "option": {}, //下面是自定义format配置，因除H5端外的其他端无法通过props传递函数，只能通过此属性对应下标的方式来替换 "formatter": { "yAxisDemo1": function(val) { return val + '元' }, "yAxisDemo2": function(val) { return val.toFixed(2) }, "xAxisDemo1": function(val) { return val + '年' }, "xAxisDemo2": function(val) { return formatDateTime(val, 'h:m') }, "seriesDemo1": function(val) { return val + '元' }, "tooltipDemo1": function(item, category, index, opts) { if (index == 0) { return '随便用' + item.data + '年' } else { return '其他我没改' + item.data + '天' } }, "pieDemo": function(val, index, series) { if (index !== undefined) { return series[index].name + '：' + series[index].data + '元' } }, }, //这里演示了自定义您的图表类型的option，可以随意命名，之后在组件上 type="demotype" 后，组件会调用这个花括号里的option，如果组件上还存在opts参数，会将demotype与opts中option合并后渲染图表。 "demotype": { //我这里把曲线图当做了自定义图表类型，您可以根据需要随意指定类型或配置 "type": "line", "color": color, "padding": [15, 10, 0, 15], "xAxis": { "disableGrid": true, }, "yAxis": { "gridType": "dash", "dashLength": 2, }, "legend": {}, "extra": { "line": { "type": "curve", "width": 2 }, } }, //下面是自定义配置，请添加项目所需的通用配置 "rose": { "type": "rose", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248", "#3CA272", "#73C0DE", "#ff55a3" ], "padding": [ -20, -10, -10, -10 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "hollow", "tapLegend": true, "legend": { "show": true, "position": "bottom", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 25, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "rose": { "type": "radius", "minRadius": 50, "activeOpacity": 0.5, "activeRadius": 10, "offsetAngle": 0, "labelWidth": 15, "border": true, "borderWidth": 2, "borderColor": "#FFFFFF", "linearType": "none" }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 6, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" } } }, "arcbar": { "type": "arcbar", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 3000, "color": [ "#1890FF", "#91CB74", "#FAC858", "#EE6666", ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": true, "dataPointShape": true, "dataPointShapeType": "solid", "tapLegend": true, "title": { "name": "孩子", "fontSize": 25, "color": "#0052d4", }, "subtitle": { "name": "排名百分比", "fontSize": 15, "color": "#666666", }, "extra": { "arcbar": { "type": "default", "width": 16, "backgroundColor": "#E9E9E9", "startAngle": 0.75, "endAngle": 0.25, "gap": 2, "centerX": 0, "centerY": 0, "linearType": "custom", "customColor": [ "#65c7f7", "#f16529", "#ffcc33" ] } } }, "line": { "type": "line", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 1, 10, 8, 3 ], "rotate": false, "errorReload": true, "fontSize": 12, "fontColor": "#696969", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": true, "dataLabel": true, "dataPointShape": true, "dataPointShapeType": "solid", "tapLegend": true, "xAxis": { "disabled": false, "axisLine": true, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#696969", "fontSize": 12, "rotateLabel": false, "labelCount": 6, "itemCount": 5, "boundaryGap": "center", "disableGrid": true, "gridColor": "#696969", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#F5F5F5", "scrollBackgroundColor": "#D3D3D3", "format": "" }, "yAxis": { "disabled": false, "disableGrid": false, "splitNumber": 5, "gridType": "solid", "dashLength": 10, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": true, "position": "top", "float": "right", "padding": 5, "margin": 15, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 12, "fontColor": "#696969", "lineHeight": 10, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "line": { "type": "curve", "width": 2 }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 6, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 8, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "dash", "dashLength": 8, "data": [] } } }, "column": { "type": "column", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 1, 10, 8, 3 ], "rotate": false, "errorReload": true, "fontSize": 12, "fontColor": "#696969", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": true, "dataLabel": true, "dataPointShape": true, "dataPointShapeType": "solid", "tapLegend": true, "xAxis": { "disabled": false, "axisLine": true, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#696969", "fontSize": 12, "rotateLabel": false, "labelCount": 6, "itemCount": 5, "boundaryGap": "center", "disableGrid": true, "gridColor": "#696969", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#F5F5F5", "scrollBackgroundColor": "#D3D3D3", "format": "" }, "yAxis": { "disabled": false, "disableGrid": false, "splitNumber": 5, "gridType": "solid", "dashLength": 10, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": true, "position": "top", "float": "right", "padding": 5, "margin": 15, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 12, "fontColor": "#696969", "lineHeight": 10, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "column": { "type": "group", "width": 17, "seriesGap": 2, "categoryGap": 3, "barBorderCircle": false, "barBorderRadius": [ 5, 5, 5, 5 ], "linearType": "none", "linearOpacity": 1, "customColor": [ "#0052d4", "#4364f7", "#6fb1fc", "#f5f5f5" ], "colorStop": 0, "meterBorder": 1, "meterFillColor": "#FFFFFF", "activeBgColor": "#000000", "activeBgOpacity": 0.05, "meterBorde": 1 }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 6, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 8, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "dash", "dashLength": 8, "data": [] } } }, "bar": { "type": "bar", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959" ], "padding": [ 1, 20, 5, 5 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": true, "xAxis": { "disabled": false, "axisLine": true, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#666666", "fontSize": 13, "rotateLabel": false, "itemCount": 5, "boundaryGap": "justify", "disableGrid": false, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "min": 0, "format": "" }, "yAxis": { "disabled": false, "disableGrid": false, "splitNumber": 5, "gridType": "solid", "dashLength": 8, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": true, "position": "top", "float": "right", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 11, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "bar": { "type": "group", "width": 30, "seriesGap": 2, "categoryGap": 3, "barBorderCircle": true, "barBorderRadius": [ 15, 15, 15, 15 ], "linearType": "opacity", "linearOpacity": 0.8, "colorStop": 0, "activeBgColor": "#000000", "activeBgOpacity": 0.08, "meterBorde": 1, "meterFillColor": "#FFFFFF" }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 5, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.5, "labelFontColor": "#666666" }, "markLine": { "type": "solid", "dashLength": 4, "data": [] } } }, "area": { "type": "area", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 1, 10, 8, 3 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": true, "dataLabel": true, "dataPointShape": true, "dataPointShapeType": "solid", "tapLegend": true, "xAxis": { "disabled": false, "axisLine": true, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#696969", "fontSize": 12, "rotateLabel": false, "labelCount": 6, "itemCount": 5, "boundaryGap": "center", "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "format": "" }, "yAxis": { "disabled": false, "disableGrid": false, "splitNumber": 5, "gridType": "solid", "dashLength": 10, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": true, "position": "top", "float": "right", "padding": 5, "margin": 15, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 12, "fontColor": "#696969", "lineHeight": 10, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "area": { "type": "straight", "opacity": 0.5, "addLine": true, "width": 2, "gradient": true }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 6, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 8, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": true, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "dash", "dashLength": 8, "data": [] } } }, "radar": { "type": "radar", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 0, 0, 0, 0 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#696969", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": true, "dataPointShapeType": "solid", "tapLegend": true, "legend": { "show": true, "position": "bottom", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#696969", "lineHeight": 10, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "radar": { "gridType": "circle", "gridColor": "#CCCCCC", "gridCount": 2, "labelColor": "#696969", "opacity": 0.3, "border": true, "borderWidth": 1, "max": 100 }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 6, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "dash", "dashLength": 8, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" } } }, "mainline": { "type": "area", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#6495ed" ], "padding": [ 5, -15, 0, -15 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": true, "dataPointShapeType": "hollow", "tapLegend": true, "xAxis": { "disabled": true, "axisLine": false, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#666666", "fontSize": 13, "rotateLabel": false, "itemCount": 5, "boundaryGap": "center", "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "format": "" }, "yAxis": { "disabled": true, "disableGrid": true, "splitNumber": 5, "gridType": "dash", "dashLength": 2, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": false, "position": "bottom", "float": "center", "padding": 10, "margin": 0, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 11, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "area": { "type": "curve", "opacity": 1, "addLine": true, "width": 4, "gradient": true }, "tooltip": { "showBox": true, "showArrow": true, "showCategory": false, "borderWidth": 0, "borderRadius": 5, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": false, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.5, "labelFontColor": "#666666" }, "markLine": { "type": "solid", "dashLength": 4, "data": [] } } }, "mainradar": { "type": "radar", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 5, 5, 5, 5 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": true, "legend": { "show": true, "position": "bottom", "float": "right", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 25, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "radar": { "gridType": "radar", "gridColor": "#CCCCCC", "gridCount": 1, "labelColor": "#666666", "opacity": 0.2, "border": true, "borderWidth": 2, "max": 100 }, "tooltip": { "showBox": true, "showArrow": true, "showCategory": false, "borderWidth": 0, "borderRadius": 5, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": false, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.5, "labelFontColor": "#666666" } } }, "mini-line": { "type": "line", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 0, 0, 0, 0 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": false, "xAxis": { "disabled": true, "axisLine": false, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#666666", "fontSize": 13, "rotateLabel": false, "itemCount": 5, "boundaryGap": "center", "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "format": "" }, "yAxis": { "disabled": true, "disableGrid": true, "splitNumber": 5, "gridType": "dash", "dashLength": 2, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": false, "position": "left", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 11, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "line": { "type": "curve", "width": 2 }, "tooltip": { "showBox": false, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 0, "borderColor": "#000000", "borderOpacity": 0.7, "bgColor": "#000000", "bgOpacity": 0.7, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": false, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "solid", "dashLength": 4, "data": [] } } }, "mini-area": { "type": "area", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 15, 15, 0, 15 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": false, "xAxis": { "disabled": true, "axisLine": false, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#666666", "fontSize": 13, "rotateLabel": false, "itemCount": 5, "boundaryGap": "justify", "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "format": "" }, "yAxis": { "disabled": true, "disableGrid": true, "splitNumber": 5, "gridType": "dash", "dashLength": 2, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": false, "position": "bottom", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 11, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "area": { "type": "straight", "opacity": 1, "addLine": true, "width": 2, "gradient": true }, "tooltip": { "showBox": false, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 0, "borderColor": "#000000", "borderOpacity": 0.7, "bgColor": "#000000", "bgOpacity": 0.7, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": false, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "solid", "dashLength": 4, "data": [] } } }, "mini-column": { "type": "column", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ 0, 13, 0, 13 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": true, "xAxis": { "disabled": true, "axisLine": false, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#666666", "fontSize": 13, "rotateLabel": false, "itemCount": 5, "boundaryGap": "center", "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "format": "" }, "yAxis": { "disabled": true, "disableGrid": true, "splitNumber": 5, "gridType": "solid", "dashLength": 8, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": false, "position": "bottom", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 11, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "column": { "type": "group", "width": 10, "seriesGap": 2, "categoryGap": 3, "barBorderCircle": false, "barBorderRadius": [ 10, 10, 10, 10 ], "linearType": "opacity", "linearOpacity": 0.7, "customColor": [ "#0052d4", "#FFFFFF", "#ff5959", "#FFFFFF" ], "colorStop": 0.5, "meterBorder": 1, "meterFillColor": "#FFFFFF", "activeBgColor": "#FFFFFF", "activeBgOpacity": 0.08, "meterBorde": 1 }, "tooltip": { "showBox": false, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 0, "borderColor": "#000000", "borderOpacity": 0.7, "bgColor": "#000000", "bgOpacity": 0.7, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": false, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "solid", "dashLength": 4, "data": [] } } }, "mini-rose": { "type": "rose", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248", "#3CA272", "#73C0DE", "#ff55a3" ], "padding": [ 5, 5, 5, 5 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "hollow", "tapLegend": false, "legend": { "show": false, "position": "bottom", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 25, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "rose": { "type": "radius", "minRadius": 50, "activeOpacity": 0.5, "activeRadius": 10, "offsetAngle": 0, "labelWidth": 15, "border": true, "borderWidth": 2, "borderColor": "#FFFFFF", }, "tooltip": { "showBox": true, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 6, "borderColor": "#000000", "borderOpacity": 0.5, "bgColor": "#000000", "bgOpacity": 0.5, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" } } }, "mini-bar": { "type": "bar", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959" ], "padding": [ 0, 15, -10, 5 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": true, "xAxis": { "disabled": true, "axisLine": false, "axisLineColor": "#CCCCCC", "calibration": false, "fontColor": "#666666", "fontSize": 13, "rotateLabel": false, "itemCount": 5, "boundaryGap": "justify", "disableGrid": true, "gridColor": "#CCCCCC", "gridType": "solid", "dashLength": 4, "gridEval": 1, "scrollShow": false, "scrollAlign": "left", "scrollColor": "#A6A6A6", "scrollBackgroundColor": "#EFEBEF", "min": 0, "format": "" }, "yAxis": { "disabled": true, "disableGrid": true, "splitNumber": 5, "gridType": "solid", "dashLength": 8, "gridColor": "#CCCCCC", "padding": 10, "showTitle": false, "data": [] }, "legend": { "show": false, "position": "bottom", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 11, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "bar": { "type": "group", "width": 10, "seriesGap": 2, "categoryGap": 3, "barBorderCircle": false, "barBorderRadius": [ 10, 10, 10, 10 ], "linearType": "opacity", "linearOpacity": 0.7, "colorStop": 0, "activeBgColor": "#FFFFFF", "activeBgOpacity": 0, "meterBorde": 1, "meterFillColor": "#FFFFFF" }, "tooltip": { "showBox": false, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 0, "borderColor": "#000000", "borderOpacity": 0.7, "bgColor": "#000000", "bgOpacity": 0.7, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": true, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" }, "markLine": { "type": "solid", "dashLength": 4, "data": [] } } }, "mini-radar":{ "type": "radar", "canvasId": "", "canvas2d": false, "background": "none", "animation": true, "timing": "easeOut", "duration": 1000, "color": [ "#0052d4", "#ff5959", "#f9b248" ], "padding": [ -40, -35, -35, -35 ], "rotate": false, "errorReload": true, "fontSize": 13, "fontColor": "#666666", "enableScroll": false, "touchMoveLimit": 60, "enableMarkLine": false, "dataLabel": false, "dataPointShape": false, "dataPointShapeType": "solid", "tapLegend": true, "legend": { "show": false, "position": "right", "float": "center", "padding": 5, "margin": 5, "backgroundColor": "rgba(0,0,0,0)", "borderColor": "rgba(0,0,0,0)", "borderWidth": 0, "fontSize": 13, "fontColor": "#666666", "lineHeight": 25, "hiddenColor": "#CECECE", "itemGap": 10 }, "extra": { "radar": { "gridType": "radar", "gridColor": "#FFFFFF", "gridCount": 3, "labelColor": "#FFFFFF", "opacity": 0.4, "border": true, "borderWidth": 2, "max": 1 }, "tooltip": { "showBox": false, "showArrow": false, "showCategory": false, "borderWidth": 0, "borderRadius": 0, "borderColor": "#000000", "borderOpacity": 0.7, "bgColor": "#000000", "bgOpacity": 0.7, "gridType": "solid", "dashLength": 4, "gridColor": "#CCCCCC", "fontColor": "#FFFFFF", "splitLine": false, "horizentalLine": false, "xAxisLabel": false, "yAxisLabel": false, "labelBgColor": "#FFFFFF", "labelBgOpacity": 0.7, "labelFontColor": "#666666" } } }, } export default cfu;