| { |
| "animation": false, |
| "darkMode": true, |
| "color": [ |
| "#4992ff", |
| "#7cffb2", |
| "#fddd60", |
| "#ff6e76", |
| "#58d9f9", |
| "#05c091", |
| "#ff8a45", |
| "#8d48e3", |
| "#dd79ff" |
| ], |
| "backgroundColor": "#100C2A", |
| "textStyle": { |
| "color": "#B9B8CE", |
| "fontFamily": "sans-serif", |
| "fontSize": 12, |
| "fontStyle": "normal", |
| "fontWeight": "normal" |
| }, |
| "timeAxis": { |
| "axisLine": { |
| "lineStyle": { |
| "color": "#B9B8CE" |
| } |
| }, |
| "splitLine": { |
| "lineStyle": { |
| "color": "#484753" |
| } |
| }, |
| "splitArea": { |
| "areaStyle": { |
| "color": [ |
| "rgba(255,255,255,0.02)", |
| "rgba(255,255,255,0.05)" |
| ] |
| } |
| }, |
| "minorSplitLine": { |
| "lineStyle": { |
| "color": "#20203B" |
| } |
| } |
| }, |
| "logAxis": { |
| "axisLine": { |
| "lineStyle": { |
| "color": "#B9B8CE" |
| } |
| }, |
| "splitLine": { |
| "lineStyle": { |
| "color": "#484753" |
| } |
| }, |
| "splitArea": { |
| "areaStyle": { |
| "color": [ |
| "rgba(255,255,255,0.02)", |
| "rgba(255,255,255,0.05)" |
| ] |
| } |
| }, |
| "minorSplitLine": { |
| "lineStyle": { |
| "color": "#20203B" |
| } |
| } |
| }, |
| "valueAxis": { |
| "axisLine": { |
| "lineStyle": { |
| "color": "#B9B8CE" |
| } |
| }, |
| "splitLine": { |
| "lineStyle": { |
| "color": "#484753" |
| } |
| }, |
| "splitArea": { |
| "areaStyle": { |
| "color": [ |
| "rgba(255,255,255,0.02)", |
| "rgba(255,255,255,0.05)" |
| ] |
| } |
| }, |
| "minorSplitLine": { |
| "lineStyle": { |
| "color": "#20203B" |
| } |
| } |
| }, |
| "categoryAxis": { |
| "axisLine": { |
| "lineStyle": { |
| "color": "#B9B8CE" |
| } |
| }, |
| "splitLine": { |
| "lineStyle": { |
| "color": "#484753" |
| }, |
| "show": false |
| }, |
| "splitArea": { |
| "areaStyle": { |
| "color": [ |
| "rgba(255,255,255,0.02)", |
| "rgba(255,255,255,0.05)" |
| ] |
| } |
| }, |
| "minorSplitLine": { |
| "lineStyle": { |
| "color": "#20203B" |
| } |
| } |
| }, |
| "line": { |
| "symbol": "circle" |
| }, |
| "graph": { |
| "color": [ |
| "#4992ff", |
| "#7cffb2", |
| "#fddd60", |
| "#ff6e76", |
| "#58d9f9", |
| "#05c091", |
| "#ff8a45", |
| "#8d48e3", |
| "#dd79ff" |
| ] |
| }, |
| "gauge": { |
| "title": { |
| "color": "#B9B8CE" |
| }, |
| "axisLine": { |
| "lineStyle": { |
| "color": [ |
| [ |
| 1, |
| "rgba(207,212,219,0.2)" |
| ] |
| ] |
| } |
| }, |
| "axisLabel": { |
| "color": "#B9B8CE" |
| }, |
| "detail": { |
| "color": "#EEF1FA" |
| } |
| }, |
| "candlestick": { |
| "itemStyle": { |
| "color": "#FD1050", |
| "color0": "#0CF49B", |
| "borderColor": "#FD1050", |
| "borderColor0": "#0CF49B" |
| } |
| }, |
| "gradientColor": [ |
| "#f6efa6", |
| "#d88273", |
| "#bf444c" |
| ], |
| "aria": { |
| "decal": { |
| "decals": [ |
| { |
| "color": "rgba(0, 0, 0, 0.2)", |
| "dashArrayX": [ |
| 1, |
| 0 |
| ], |
| "dashArrayY": [ |
| 2, |
| 5 |
| ], |
| "symbolSize": 1, |
| "rotation": 0.5235987755982988 |
| }, |
| { |
| "color": "rgba(0, 0, 0, 0.2)", |
| "symbol": "circle", |
| "dashArrayX": [ |
| [ |
| 8, |
| 8 |
| ], |
| [ |
| 0, |
| 8, |
| 8, |
| 0 |
| ] |
| ], |
| "dashArrayY": [ |
| 6, |
| 0 |
| ], |
| "symbolSize": 0.8 |
| }, |
| { |
| "color": "rgba(0, 0, 0, 0.2)", |
| "dashArrayX": [ |
| 1, |
| 0 |
| ], |
| "dashArrayY": [ |
| 4, |
| 3 |
| ], |
| "dashLineOffset": 0, |
| "rotation": -0.7853981633974483 |
| }, |
| { |
| "color": "rgba(0, 0, 0, 0.2)", |
| "dashArrayX": [ |
| [ |
| 6, |
| 6 |
| ], |
| [ |
| 0, |
| 6, |
| 6, |
| 0 |
| ] |
| ], |
| "dashArrayY": [ |
| 6, |
| 0 |
| ] |
| }, |
| { |
| "color": "rgba(0, 0, 0, 0.2)", |
| "dashArrayX": [ |
| [ |
| 1, |
| 0 |
| ], |
| [ |
| 1, |
| 6 |
| ] |
| ], |
| "dashArrayY": [ |
| 1, |
| 0, |
| 6, |
| 0 |
| ], |
| "rotation": 0.7853981633974483 |
| }, |
| { |
| "color": "rgba(0, 0, 0, 0.2)", |
| "symbol": "triangle", |
| "dashArrayX": [ |
| [ |
| 9, |
| 9 |
| ], |
| [ |
| 0, |
| 9, |
| 9, |
| 0 |
| ] |
| ], |
| "dashArrayY": [ |
| 7, |
| 2 |
| ], |
| "symbolSize": 0.75 |
| } |
| ] |
| } |
| }, |
| "stateAnimation": { |
| "duration": 300, |
| "easing": "cubicOut" |
| }, |
| "animationDuration": 1000, |
| "animationDurationUpdate": 500, |
| "animationEasing": "cubicInOut", |
| "animationEasingUpdate": "cubicInOut", |
| "animationThreshold": 2000, |
| "progressiveThreshold": 3000, |
| "progressive": 400, |
| "hoverLayerThreshold": 3000, |
| "useUTC": false, |
| "title": [ |
| { |
| "text": "漏斗图", |
| "subtext": "纯属虚构", |
| "padding": 15, |
| "textStyle": { |
| "color": "#EEF1FA", |
| "fontSize": 18, |
| "fontWeight": "bold" |
| }, |
| "subtextStyle": { |
| "color": "#B9B8CE", |
| "fontSize": 12 |
| }, |
| "zlevel": 0, |
| "z": 6, |
| "show": true, |
| "target": "blank", |
| "subtarget": "blank", |
| "left": 0, |
| "top": 0, |
| "backgroundColor": "rgba(0,0,0,0)", |
| "borderColor": "#ccc", |
| "borderWidth": 0, |
| "itemGap": 10 |
| } |
| ], |
| "toolbox": [ |
| { |
| "feature": { |
| "dataView": { |
| "readOnly": false, |
| "show": true, |
| "optionToContent": null, |
| "contentToOption": null, |
| "icon": "M17.5,17.3H33 M17.5,17.3H33 M45.4,29.5h-28 M11.5,2v56H51V14.8L38.4,2H11.5z M38.4,2.2v12.7H51 M45.4,41.7h-28", |
| "title": "Data View", |
| "lang": [ |
| "Data View", |
| "Close", |
| "Refresh" |
| ], |
| "backgroundColor": "#fff", |
| "textColor": "#000", |
| "textareaColor": "#fff", |
| "textareaBorderColor": "#333", |
| "buttonColor": "#c23531", |
| "buttonTextColor": "#fff" |
| }, |
| "restore": { |
| "show": true, |
| "icon": "M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5", |
| "title": "Restore" |
| }, |
| "saveAsImage": { |
| "show": true, |
| "icon": "M4.7,22.9L29.3,45.5L54.7,23.4M4.6,43.6L4.6,58L53.8,58L53.8,43.6M29.2,45.1L29.2,0", |
| "title": "Save as Image", |
| "type": "png", |
| "connectedBackgroundColor": "#fff", |
| "name": "", |
| "excludeComponents": [ |
| "toolbox" |
| ], |
| "pixelRatio": 1, |
| "lang": [ |
| "Right Click to Save Image" |
| ] |
| } |
| }, |
| "padding": 15, |
| "iconStyle": { |
| "borderColor": "#B9B8CE", |
| "color": "none" |
| }, |
| "show": true, |
| "z": 6, |
| "zlevel": 0, |
| "orient": "horizontal", |
| "left": "right", |
| "top": "top", |
| "backgroundColor": "transparent", |
| "borderColor": "#ccc", |
| "borderRadius": 0, |
| "borderWidth": 0, |
| "itemSize": 15, |
| "itemGap": 8, |
| "showTitle": true, |
| "emphasis": { |
| "iconStyle": { |
| "borderColor": "#3E98C5" |
| } |
| }, |
| "tooltip": { |
| "show": false |
| } |
| } |
| ], |
| "axisPointer": [ |
| { |
| "lineStyle": { |
| "color": "#817f91", |
| "width": 1, |
| "type": "dashed" |
| }, |
| "crossStyle": { |
| "color": "#817f91" |
| }, |
| "label": { |
| "color": "#fff", |
| "show": true, |
| "formatter": null, |
| "precision": "auto", |
| "margin": 3, |
| "padding": [ |
| 5, |
| 7, |
| 5, |
| 7 |
| ], |
| "backgroundColor": "auto", |
| "borderColor": null, |
| "borderWidth": 0, |
| "borderRadius": 3 |
| }, |
| "show": "auto", |
| "zlevel": 0, |
| "z": 50, |
| "type": "line", |
| "snap": false, |
| "triggerTooltip": true, |
| "value": null, |
| "status": null, |
| "link": [], |
| "animation": null, |
| "animationDurationUpdate": 200, |
| "shadowStyle": { |
| "color": "rgba(210,219,238,0.2)" |
| }, |
| "handle": { |
| "show": false, |
| "icon": "M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7v-1.2h6.6z M13.3,22H6.7v-1.2h6.6z M13.3,19.6H6.7v-1.2h6.6z", |
| "size": 45, |
| "margin": 50, |
| "color": "#333", |
| "shadowBlur": 3, |
| "shadowColor": "#aaa", |
| "shadowOffsetX": 0, |
| "shadowOffsetY": 2, |
| "throttle": 40 |
| } |
| } |
| ], |
| "tooltip": [ |
| { |
| "trigger": "item", |
| "formatter": "{a} <br/>{b} : {c}%", |
| "zlevel": 0, |
| "z": 60, |
| "show": true, |
| "showContent": true, |
| "triggerOn": "mousemove|click", |
| "alwaysShowContent": false, |
| "displayMode": "single", |
| "renderMode": "auto", |
| "confine": null, |
| "showDelay": 0, |
| "hideDelay": 100, |
| "transitionDuration": 0.4, |
| "enterable": false, |
| "backgroundColor": "#fff", |
| "shadowBlur": 10, |
| "shadowColor": "rgba(0, 0, 0, .2)", |
| "shadowOffsetX": 1, |
| "shadowOffsetY": 2, |
| "borderColor": "#333", |
| "borderRadius": 4, |
| "borderWidth": 1, |
| "padding": null, |
| "extraCssText": "", |
| "axisPointer": { |
| "type": "line", |
| "axis": "auto", |
| "animation": "auto", |
| "animationDurationUpdate": 200, |
| "animationEasingUpdate": "exponentialOut", |
| "crossStyle": { |
| "color": "#999", |
| "width": 1, |
| "type": "dashed", |
| "textStyle": {} |
| } |
| }, |
| "textStyle": { |
| "color": "#666", |
| "fontSize": 14 |
| } |
| } |
| ], |
| "series": [ |
| { |
| "name": "预期", |
| "type": "funnel", |
| "left": "10%", |
| "width": "80%", |
| "label": { |
| "formatter": "{b}预期", |
| "show": true, |
| "position": "outer" |
| }, |
| "labelLine": { |
| "show": false, |
| "length": 20, |
| "lineStyle": { |
| "width": 1 |
| } |
| }, |
| "itemStyle": { |
| "opacity": 0.7, |
| "borderColor": "#fff", |
| "borderWidth": 1 |
| }, |
| "emphasis": { |
| "label": { |
| "position": "inside", |
| "formatter": "{b}预期: {c}%", |
| "show": true |
| }, |
| "labelLine": { |
| "show": false |
| } |
| }, |
| "data": [ |
| { |
| "value": 60, |
| "name": "访问" |
| }, |
| { |
| "value": 40, |
| "name": "咨询" |
| }, |
| { |
| "value": 20, |
| "name": "订单" |
| }, |
| { |
| "value": 80, |
| "name": "点击" |
| }, |
| { |
| "value": 100, |
| "name": "展现" |
| } |
| ], |
| "progressive": 100000, |
| "animation": false, |
| "zlevel": 0, |
| "z": 2, |
| "legendHoverLink": true, |
| "top": 60, |
| "right": 80, |
| "bottom": 60, |
| "minSize": "0%", |
| "maxSize": "100%", |
| "sort": "descending", |
| "orient": "vertical", |
| "gap": 0, |
| "funnelAlign": "center", |
| "select": { |
| "itemStyle": { |
| "borderColor": "#212121" |
| } |
| } |
| }, |
| { |
| "name": "实际", |
| "type": "funnel", |
| "left": "10%", |
| "width": "80%", |
| "maxSize": "80%", |
| "label": { |
| "position": "inside", |
| "formatter": "{c}%", |
| "color": "#fff", |
| "show": true |
| }, |
| "itemStyle": { |
| "opacity": 0.5, |
| "borderColor": "#fff", |
| "borderWidth": 2 |
| }, |
| "emphasis": { |
| "label": { |
| "position": "inside", |
| "formatter": "{b}实际: {c}%", |
| "show": true |
| }, |
| "labelLine": { |
| "show": true |
| } |
| }, |
| "data": [ |
| { |
| "value": 30, |
| "name": "访问" |
| }, |
| { |
| "value": 10, |
| "name": "咨询" |
| }, |
| { |
| "value": 5, |
| "name": "订单" |
| }, |
| { |
| "value": 50, |
| "name": "点击" |
| }, |
| { |
| "value": 80, |
| "name": "展现" |
| } |
| ], |
| "z": 100, |
| "progressive": 100000, |
| "animation": false, |
| "zlevel": 0, |
| "legendHoverLink": true, |
| "top": 60, |
| "right": 80, |
| "bottom": 60, |
| "minSize": "0%", |
| "sort": "descending", |
| "orient": "vertical", |
| "gap": 0, |
| "funnelAlign": "center", |
| "labelLine": { |
| "show": true, |
| "length": 20, |
| "lineStyle": { |
| "width": 1 |
| } |
| }, |
| "select": { |
| "itemStyle": { |
| "borderColor": "#212121" |
| } |
| } |
| } |
| ], |
| "visualMap": [], |
| "legend": [ |
| { |
| "data": [ |
| "展现", |
| "点击", |
| "访问", |
| "咨询", |
| "订单" |
| ], |
| "padding": 15, |
| "textStyle": { |
| "color": "#B9B8CE" |
| }, |
| "zlevel": 0, |
| "z": 4, |
| "show": true, |
| "orient": "horizontal", |
| "left": "center", |
| "top": 0, |
| "align": "auto", |
| "backgroundColor": "rgba(0,0,0,0)", |
| "borderColor": "#ccc", |
| "borderRadius": 0, |
| "borderWidth": 0, |
| "itemGap": 10, |
| "itemWidth": 25, |
| "itemHeight": 14, |
| "inactiveColor": "#ccc", |
| "inactiveBorderColor": "#ccc", |
| "itemStyle": { |
| "borderWidth": 0 |
| }, |
| "selectedMode": true, |
| "selector": false, |
| "selectorLabel": { |
| "show": true, |
| "borderRadius": 10, |
| "padding": [ |
| 3, |
| 5, |
| 3, |
| 5 |
| ], |
| "fontSize": 12, |
| "fontFamily": " sans-serif", |
| "color": "#666", |
| "borderWidth": 1, |
| "borderColor": "#666" |
| }, |
| "emphasis": { |
| "selectorLabel": { |
| "show": true, |
| "color": "#eee", |
| "backgroundColor": "#666" |
| } |
| }, |
| "selectorPosition": "auto", |
| "selectorItemGap": 7, |
| "selectorButtonGap": 10, |
| "tooltip": { |
| "show": false |
| }, |
| "selected": {} |
| } |
| ], |
| "markArea": [ |
| { |
| "zlevel": 0, |
| "z": 1, |
| "tooltip": { |
| "trigger": "item" |
| }, |
| "animation": false, |
| "label": { |
| "show": true, |
| "position": "top" |
| }, |
| "itemStyle": { |
| "borderWidth": 0 |
| }, |
| "emphasis": { |
| "label": { |
| "show": true, |
| "position": "top" |
| } |
| } |
| } |
| ], |
| "markLine": [ |
| { |
| "zlevel": 0, |
| "z": 5, |
| "symbol": [ |
| "circle", |
| "arrow" |
| ], |
| "symbolSize": [ |
| 8, |
| 16 |
| ], |
| "precision": 2, |
| "tooltip": { |
| "trigger": "item" |
| }, |
| "label": { |
| "show": true, |
| "position": "end", |
| "distance": 5 |
| }, |
| "lineStyle": { |
| "type": "dashed" |
| }, |
| "emphasis": { |
| "label": { |
| "show": true |
| }, |
| "lineStyle": { |
| "width": 3 |
| } |
| }, |
| "animationEasing": "linear" |
| } |
| ], |
| "markPoint": [ |
| { |
| "zlevel": 0, |
| "z": 5, |
| "symbol": "pin", |
| "symbolSize": 50, |
| "tooltip": { |
| "trigger": "item" |
| }, |
| "label": { |
| "show": true, |
| "position": "inside" |
| }, |
| "itemStyle": { |
| "borderWidth": 2 |
| }, |
| "emphasis": { |
| "label": { |
| "show": true |
| } |
| } |
| } |
| ], |
| "brush": [], |
| "dataZoom": [] |
| } |
