| { |
| "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": "基础雷达图", |
| "padding": 15, |
| "textStyle": { |
| "color": "#EEF1FA", |
| "fontSize": 18, |
| "fontWeight": "bold" |
| }, |
| "subtextStyle": { |
| "color": "#B9B8CE", |
| "fontSize": 12 |
| }, |
| "zlevel": 0, |
| "z": 6, |
| "show": true, |
| "target": "blank", |
| "subtext": "", |
| "subtarget": "blank", |
| "left": 0, |
| "top": 0, |
| "backgroundColor": "rgba(0,0,0,0)", |
| "borderColor": "#ccc", |
| "borderWidth": 0, |
| "itemGap": 10 |
| } |
| ], |
| "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": [ |
| { |
| "zlevel": 0, |
| "z": 60, |
| "show": true, |
| "showContent": true, |
| "trigger": "item", |
| "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 |
| } |
| } |
| ], |
| "radar": [ |
| { |
| "indicator": [ |
| { |
| "name": "销售（sales）", |
| "max": 6500, |
| "min": 0 |
| }, |
| { |
| "name": "管理（Administration）", |
| "max": 16000, |
| "min": 0 |
| }, |
| { |
| "name": "信息技术（Information Techology）", |
| "max": 30000, |
| "min": 0 |
| }, |
| { |
| "name": "客服（Customer Support）", |
| "max": 38000, |
| "min": 0 |
| }, |
| { |
| "name": "研发（Development）", |
| "max": 52000, |
| "min": 0 |
| }, |
| { |
| "name": "市场（Marketing）", |
| "max": 25000, |
| "min": 0 |
| } |
| ], |
| "axisName": { |
| "textStyle": { |
| "color": "#fff", |
| "backgroundColor": "#999", |
| "borderRadius": 3, |
| "padding": [ |
| 3, |
| 5 |
| ] |
| }, |
| "color": "#fff", |
| "backgroundColor": "#999", |
| "borderRadius": 3, |
| "padding": [ |
| 3, |
| 5 |
| ], |
| "show": true |
| }, |
| "zlevel": 0, |
| "z": 0, |
| "center": [ |
| "50%", |
| "50%" |
| ], |
| "radius": "75%", |
| "startAngle": 90, |
| "boundaryGap": [ |
| 0, |
| 0 |
| ], |
| "splitNumber": 5, |
| "axisNameGap": 15, |
| "scale": false, |
| "shape": "polygon", |
| "axisLine": { |
| "lineStyle": { |
| "color": "#bbb", |
| "width": 1, |
| "type": "solid" |
| }, |
| "show": "auto", |
| "onZero": true, |
| "onZeroAxisIndex": null, |
| "symbol": [ |
| "none", |
| "none" |
| ], |
| "symbolSize": [ |
| 10, |
| 15 |
| ] |
| }, |
| "axisLabel": { |
| "show": false, |
| "inside": false, |
| "rotate": 0, |
| "showMinLabel": null, |
| "showMaxLabel": null, |
| "margin": 8, |
| "fontSize": 12 |
| }, |
| "axisTick": { |
| "show": false, |
| "inside": false, |
| "length": 5, |
| "lineStyle": { |
| "width": 1 |
| } |
| }, |
| "splitLine": { |
| "show": true, |
| "lineStyle": { |
| "color": [ |
| "#E0E6F1" |
| ], |
| "width": 1, |
| "type": "solid" |
| } |
| }, |
| "splitArea": { |
| "show": true, |
| "areaStyle": { |
| "color": [ |
| "rgba(250,250,250,0.2)", |
| "rgba(210,219,238,0.2)" |
| ] |
| } |
| } |
| } |
| ], |
| "series": [ |
| { |
| "name": "预算 vs 开销（Budget vs spending）", |
| "type": "radar", |
| "data": [ |
| { |
| "value": [ |
| 4300, |
| 10000, |
| 28000, |
| 35000, |
| 50000, |
| 19000 |
| ], |
| "name": "预算分配（Allocated Budget）" |
| }, |
| { |
| "value": [ |
| 5000, |
| 14000, |
| 28000, |
| 31000, |
| 42000, |
| 21000 |
| ], |
| "name": "实际开销（Actual Spending）" |
| } |
| ], |
| "progressive": 100000, |
| "animation": false, |
| "zlevel": 0, |
| "z": 2, |
| "coordinateSystem": "radar", |
| "legendHoverLink": true, |
| "radarIndex": 0, |
| "lineStyle": { |
| "width": 2, |
| "type": "solid" |
| }, |
| "label": { |
| "position": "top" |
| }, |
| "symbol": "emptyCircle", |
| "symbolSize": 4, |
| "emphasis": { |
| "label": {} |
| } |
| } |
| ], |
| "visualMap": [], |
| "legend": [ |
| { |
| "data": [ |
| "预算分配（Allocated Budget）", |
| "实际开销（Actual Spending）" |
| ], |
| "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": [] |
| } |
