| { |
| "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": [ |
| { |
| "show": true, |
| "feature": { |
| "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" |
| }, |
| "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": "axis", |
| "axisPointer": { |
| "type": "cross", |
| "axis": "auto", |
| "animation": "auto", |
| "animationDurationUpdate": 200, |
| "animationEasingUpdate": "exponentialOut", |
| "crossStyle": { |
| "color": "#999", |
| "width": 1, |
| "type": "dashed", |
| "textStyle": {} |
| } |
| }, |
| "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": "", |
| "textStyle": { |
| "color": "#666", |
| "fontSize": 14 |
| } |
| } |
| ], |
| "yAxis": [ |
| { |
| "type": "value", |
| "axisLabel": { |
| "formatter": "{value} W", |
| "show": true, |
| "inside": false, |
| "rotate": 0, |
| "showMinLabel": null, |
| "showMaxLabel": null, |
| "margin": 8, |
| "fontSize": 12 |
| }, |
| "axisPointer": { |
| "snap": true, |
| "status": "hide", |
| "value": 800 |
| }, |
| "axisLine": { |
| "lineStyle": { |
| "color": "#B9B8CE", |
| "width": 1, |
| "type": "solid" |
| }, |
| "show": "auto", |
| "onZero": true, |
| "onZeroAxisIndex": null, |
| "symbol": [ |
| "none", |
| "none" |
| ], |
| "symbolSize": [ |
| 10, |
| 15 |
| ] |
| }, |
| "splitLine": { |
| "lineStyle": { |
| "color": "#484753", |
| "width": 1, |
| "type": "solid" |
| }, |
| "show": true |
| }, |
| "splitArea": { |
| "areaStyle": { |
| "color": [ |
| "rgba(255,255,255,0.02)", |
| "rgba(255,255,255,0.05)" |
| ] |
| }, |
| "show": false |
| }, |
| "minorSplitLine": { |
| "lineStyle": { |
| "color": "#20203B", |
| "width": 1 |
| }, |
| "show": false |
| }, |
| "boundaryGap": [ |
| 0, |
| 0 |
| ], |
| "axisTick": { |
| "show": "auto", |
| "inside": false, |
| "length": 5, |
| "lineStyle": { |
| "width": 1 |
| } |
| }, |
| "splitNumber": 5, |
| "minorTick": { |
| "show": false, |
| "splitNumber": 5, |
| "length": 3, |
| "lineStyle": {} |
| }, |
| "show": true, |
| "zlevel": 0, |
| "z": 0, |
| "inverse": false, |
| "name": "", |
| "nameLocation": "end", |
| "nameRotate": null, |
| "nameTruncate": { |
| "maxWidth": null, |
| "ellipsis": "...", |
| "placeholder": "." |
| }, |
| "nameTextStyle": {}, |
| "nameGap": 15, |
| "silent": false, |
| "triggerEvent": false, |
| "tooltip": { |
| "show": false |
| }, |
| "offset": 0, |
| "categorySortInfo": [] |
| } |
| ], |
| "xAxis": [ |
| { |
| "type": "category", |
| "boundaryGap": false, |
| "data": [ |
| "00:00", |
| "01:15", |
| "02:30", |
| "03:45", |
| "05:00", |
| "06:15", |
| "07:30", |
| "08:45", |
| "10:00", |
| "11:15", |
| "12:30", |
| "13:45", |
| "15:00", |
| "16:15", |
| "17:30", |
| "18:45", |
| "20:00", |
| "21:15", |
| "22:30", |
| "23:45" |
| ], |
| "axisLine": { |
| "lineStyle": { |
| "color": "#B9B8CE", |
| "width": 1, |
| "type": "solid" |
| }, |
| "show": true, |
| "onZero": true, |
| "onZeroAxisIndex": null, |
| "symbol": [ |
| "none", |
| "none" |
| ], |
| "symbolSize": [ |
| 10, |
| 15 |
| ] |
| }, |
| "splitLine": { |
| "lineStyle": { |
| "color": "#484753", |
| "width": 1, |
| "type": "solid" |
| }, |
| "show": false |
| }, |
| "splitArea": { |
| "areaStyle": { |
| "color": [ |
| "rgba(255,255,255,0.02)", |
| "rgba(255,255,255,0.05)" |
| ] |
| }, |
| "show": false |
| }, |
| "minorSplitLine": { |
| "lineStyle": { |
| "color": "#20203B" |
| } |
| }, |
| "deduplication": null, |
| "axisTick": { |
| "alignWithLabel": false, |
| "interval": "auto", |
| "show": true, |
| "inside": false, |
| "length": 5, |
| "lineStyle": { |
| "width": 1 |
| } |
| }, |
| "axisLabel": { |
| "interval": "auto", |
| "show": true, |
| "inside": false, |
| "rotate": 0, |
| "showMinLabel": null, |
| "showMaxLabel": null, |
| "margin": 8, |
| "fontSize": 12 |
| }, |
| "show": true, |
| "zlevel": 0, |
| "z": 0, |
| "inverse": false, |
| "name": "", |
| "nameLocation": "end", |
| "nameRotate": null, |
| "nameTruncate": { |
| "maxWidth": null, |
| "ellipsis": "...", |
| "placeholder": "." |
| }, |
| "nameTextStyle": {}, |
| "nameGap": 15, |
| "silent": false, |
| "triggerEvent": false, |
| "tooltip": { |
| "show": false |
| }, |
| "axisPointer": { |
| "status": "hide", |
| "value": 19 |
| }, |
| "offset": 0, |
| "categorySortInfo": [] |
| } |
| ], |
| "grid": [ |
| { |
| "show": false, |
| "zlevel": 0, |
| "z": 0, |
| "left": "10%", |
| "top": 60, |
| "right": "10%", |
| "bottom": 70, |
| "containLabel": false, |
| "backgroundColor": "rgba(0,0,0,0)", |
| "borderWidth": 1, |
| "borderColor": "#ccc" |
| } |
| ], |
| "series": [ |
| { |
| "name": "用电量", |
| "type": "line", |
| "smooth": true, |
| "data": [ |
| 300, |
| 280, |
| 250, |
| 260, |
| 270, |
| 300, |
| 550, |
| 500, |
| 400, |
| 390, |
| 380, |
| 390, |
| 400, |
| 500, |
| 600, |
| 750, |
| 800, |
| 700, |
| 600, |
| 400 |
| ], |
| "markArea": { |
| "itemStyle": { |
| "color": "rgba(255, 173, 177, 0.4)" |
| }, |
| "data": [ |
| [ |
| { |
| "name": "早高峰", |
| "xAxis": "07:30", |
| "label": {}, |
| "emphasis": { |
| "label": {} |
| } |
| }, |
| { |
| "xAxis": "10:00", |
| "label": {}, |
| "emphasis": { |
| "label": {} |
| } |
| } |
| ], |
| [ |
| { |
| "name": "晚高峰", |
| "xAxis": "17:30", |
| "label": {}, |
| "emphasis": { |
| "label": {} |
| } |
| }, |
| { |
| "xAxis": "21:15", |
| "label": {}, |
| "emphasis": { |
| "label": {} |
| } |
| } |
| ] |
| ], |
| "label": {}, |
| "emphasis": { |
| "label": {} |
| } |
| }, |
| "progressive": 100000, |
| "animation": false, |
| "symbol": "circle", |
| "zlevel": 0, |
| "z": 3, |
| "coordinateSystem": "cartesian2d", |
| "legendHoverLink": true, |
| "clip": true, |
| "label": { |
| "position": "top" |
| }, |
| "endLabel": { |
| "show": false, |
| "valueAnimation": true, |
| "distance": 8 |
| }, |
| "lineStyle": { |
| "width": 2, |
| "type": "solid" |
| }, |
| "emphasis": { |
| "scale": true, |
| "lineStyle": { |
| "width": "bolder" |
| }, |
| "label": {} |
| }, |
| "step": false, |
| "smoothMonotone": null, |
| "symbolSize": 4, |
| "symbolRotate": null, |
| "showSymbol": true, |
| "showAllSymbol": "auto", |
| "connectNulls": false, |
| "sampling": "none", |
| "animationEasing": "linear", |
| "hoverLayerThreshold": null |
| } |
| ], |
| "visualMap": [ |
| { |
| "show": false, |
| "dimension": 0, |
| "pieces": [ |
| { |
| "lte": 6, |
| "color": "green" |
| }, |
| { |
| "gt": 6, |
| "lte": 8, |
| "color": "red" |
| }, |
| { |
| "gt": 8, |
| "lte": 14, |
| "color": "green" |
| }, |
| { |
| "gt": 14, |
| "lte": 17, |
| "color": "red" |
| }, |
| { |
| "gt": 17, |
| "color": "green" |
| } |
| ], |
| "textStyle": { |
| "color": "#B9B8CE" |
| }, |
| "zlevel": 0, |
| "z": 4, |
| "seriesIndex": "all", |
| "min": 0, |
| "max": 200, |
| "left": 0, |
| "right": null, |
| "top": null, |
| "bottom": 0, |
| "itemWidth": 20, |
| "itemHeight": 14, |
| "inverse": false, |
| "orient": "vertical", |
| "backgroundColor": "rgba(0,0,0,0)", |
| "borderColor": "#ccc", |
| "contentColor": "#5793f3", |
| "inactiveColor": "#aaa", |
| "borderWidth": 0, |
| "padding": 5, |
| "textGap": 10, |
| "precision": 0, |
| "selected": { |
| "0": true, |
| "1": true, |
| "2": true, |
| "3": true, |
| "4": true |
| }, |
| "minOpen": false, |
| "maxOpen": false, |
| "align": "auto", |
| "itemSymbol": "roundRect", |
| "categories": null, |
| "splitNumber": 5, |
| "selectedMode": "multiple", |
| "itemGap": 10, |
| "hoverLink": true, |
| "inRange": { |
| "color": [ |
| "#006edd", |
| "#e0ffff" |
| ] |
| }, |
| "outOfRange": { |
| "color": [ |
| "rgba(0,0,0,0)" |
| ] |
| }, |
| "target": { |
| "inRange": { |
| "color": [ |
| "#006edd", |
| "#e0ffff" |
| ] |
| }, |
| "outOfRange": { |
| "color": [ |
| "rgba(0,0,0,0)" |
| ] |
| } |
| }, |
| "controller": { |
| "inRange": { |
| "color": [ |
| "#006edd", |
| "#e0ffff" |
| ], |
| "symbol": [ |
| "roundRect" |
| ], |
| "symbolSize": [ |
| 20, |
| 20 |
| ] |
| }, |
| "outOfRange": { |
| "color": [ |
| "rgba(0,0,0,0)" |
| ], |
| "symbol": [ |
| "roundRect" |
| ], |
| "symbolSize": [ |
| 20, |
| 20 |
| ] |
| } |
| } |
| } |
| ], |
| "legend": [], |
| "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": [] |
| } |