blob: 32f7a432bf2efdccd554ce19df21d577db55d235 [file] [log] [blame]
{
"animationEasing": "elasticOut",
"animationDelayUpdate": {},
"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,
"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
}
],
"toolbox": [
{
"feature": {
"magicType": {
"type": [
"stack",
"tiled"
],
"show": true,
"icon": {
"line": "M4.1,28.9h7.1l9.3-22l7.4,38l9.7-19.7l3,12.8h14.9M4.1,58h51.4",
"bar": "M6.7,22.9h10V48h-10V22.9zM24.9,13h10v35h-10V13zM43.2,2h10v46h-10V2zM3.1,58h53.7",
"stack": "M8.2,38.4l-8.4,4.1l30.6,15.3L60,42.5l-8.1-4.1l-21.5,11L8.2,38.4z M51.9,30l-8.1,4.2l-13.4,6.9l-13.9-6.9L8.2,30l-8.4,4.2l8.4,4.2l22.2,11l21.5-11l8.1-4.2L51.9,30z M51.9,21.7l-8.1,4.2L35.7,30l-5.3,2.8L24.9,30l-8.4-4.1l-8.3-4.2l-8.4,4.2L8.2,30l8.3,4.2l13.9,6.9l13.4-6.9l8.1-4.2l8.1-4.1L51.9,21.7zM30.4,2.2L-0.2,17.5l8.4,4.1l8.3,4.2l8.4,4.2l5.5,2.7l5.3-2.7l8.1-4.2l8.1-4.2l8.1-4.1L30.4,2.2z"
},
"title": {
"line": "Switch to Line Chart",
"bar": "Switch to Bar Chart",
"stack": "Stack",
"tiled": "Tile"
},
"option": {},
"seriesIndex": {}
},
"dataView": {
"show": true,
"readOnly": false,
"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"
},
"saveAsImage": {
"pixelRatio": 2,
"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"
],
"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": [
{
"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
}
}
],
"yAxis": [
{
"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
},
"axisPointer": {},
"axisLabel": {
"show": true,
"inside": false,
"rotate": 0,
"showMinLabel": null,
"showMaxLabel": null,
"margin": 8,
"fontSize": 12
},
"offset": 0,
"categorySortInfo": [],
"type": "value"
}
],
"xAxis": [
{
"data": [
"类目0",
"类目1",
"类目2",
"类目3",
"类目4",
"类目5",
"类目6",
"类目7",
"类目8",
"类目9",
"类目10",
"类目11",
"类目12",
"类目13",
"类目14",
"类目15",
"类目16",
"类目17",
"类目18",
"类目19",
"类目20",
"类目21",
"类目22",
"类目23",
"类目24",
"类目25",
"类目26",
"类目27",
"类目28",
"类目29",
"类目30",
"类目31",
"类目32",
"类目33",
"类目34",
"类目35",
"类目36",
"类目37",
"类目38",
"类目39",
"类目40",
"类目41",
"类目42",
"类目43",
"类目44",
"类目45",
"类目46",
"类目47",
"类目48",
"类目49",
"类目50",
"类目51",
"类目52",
"类目53",
"类目54",
"类目55",
"类目56",
"类目57",
"类目58",
"类目59",
"类目60",
"类目61",
"类目62",
"类目63",
"类目64",
"类目65",
"类目66",
"类目67",
"类目68",
"类目69",
"类目70",
"类目71",
"类目72",
"类目73",
"类目74",
"类目75",
"类目76",
"类目77",
"类目78",
"类目79",
"类目80",
"类目81",
"类目82",
"类目83",
"类目84",
"类目85",
"类目86",
"类目87",
"类目88",
"类目89",
"类目90",
"类目91",
"类目92",
"类目93",
"类目94",
"类目95",
"类目96",
"类目97",
"类目98",
"类目99"
],
"splitLine": {
"show": false,
"lineStyle": {
"color": "#484753",
"width": 1,
"type": "solid"
}
},
"axisLine": {
"lineStyle": {
"color": "#B9B8CE",
"width": 1,
"type": "solid"
},
"show": true,
"onZero": true,
"onZeroAxisIndex": null,
"symbol": [
"none",
"none"
],
"symbolSize": [
10,
15
]
},
"splitArea": {
"areaStyle": {
"color": [
"rgba(255,255,255,0.02)",
"rgba(255,255,255,0.05)"
]
},
"show": false
},
"minorSplitLine": {
"lineStyle": {
"color": "#20203B"
}
},
"boundaryGap": true,
"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": {},
"offset": 0,
"categorySortInfo": [],
"type": "category"
}
],
"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": "bar",
"type": "bar",
"data": [
0,
-8.901463875624668,
-17.025413764148556,
-24.038196249566663,
-29.66504684804471,
-33.699527649688676,
-36.00971978255796,
-36.541005056170455,
-35.31542466107655,
-32.427752866005996,
-28.038563739693934,
-22.364693082297347,
-15.667600860943732,
-8.240217424060843,
-0.3929067389459173,
7.560799717904647,
15.318054209871054,
22.599523033552096,
29.16065418543528,
34.800927952557615,
39.37074152590451,
42.77569739999406,
44.97819140223978,
45.99632376477021,
45.900279829731865,
44.806440199911805,
42.86957840395034,
40.2735832137877,
37.22119936652441,
33.92331243435557,
30.588309963978517,
27.412031986865767,
24.56878097935778,
22.203796820272576,
20.427519715115604,
19.311867685884827,
18.888649906111855,
19.150128087782186,
20.051630602288828,
21.516023200879346,
23.439750867099516,
25.700091656548704,
28.163208735293757,
30.692553648214542,
33.1571635093161,
35.439407573791215,
37.44177367693234,
39.09234039030659,
40.34865356244595,
41.19981246258526,
41.66666666666667,
41.80012531240646,
41.67768039516203,
41.39834040182826,
41.07625507973403,
40.833382300579814,
40.79160029175877,
41.06470032034727,
41.75070457358366,
42.924940903672564,
44.63427081999565,
46.89281122872821,
49.679416561286956,
52.93709961387478,
56.574470884754874,
60.46917221906629,
64.47317623531558,
68.41972346252496,
72.1315793340836,
75.43021771943799,
78.14548044723074,
80.12522637371026,
81.24447108408411,
81.41353029256493,
80.58471628367427,
78.75719600392792,
75.97969924353211,
72.35086229880064,
68.01710226438443,
63.16803467673056,
58.029567166714706,
52.854918421647554,
47.91391949819902,
43.48104807503482,
39.82272085822884,
37.18442111754884,
35.778264289169215,
35.77160292258658,
37.27724241244461,
40.345781666728996,
44.96051012913295,
51.035187614675685,
58.41491053964701,
66.8801325453253,
76.15376513468516,
85.91114110149952,
95.79248672571518,
105.41742429574506,
114.40092042993717,
122.37001313784816
],
"emphasis": {
"focus": "series",
"label": {}
},
"animationDelay": {},
"progressive": 100000,
"animation": false,
"zlevel": 0,
"z": 2,
"coordinateSystem": "cartesian2d",
"legendHoverLink": true,
"barMinHeight": 0,
"barMinAngle": 0,
"large": false,
"largeThreshold": 400,
"progressiveChunkMode": "mod",
"clip": true,
"roundCap": false,
"showBackground": false,
"backgroundStyle": {
"color": "rgba(180, 180, 180, 0.2)",
"borderColor": null,
"borderWidth": 0,
"borderType": "solid",
"borderRadius": 0,
"shadowBlur": 0,
"shadowColor": null,
"shadowOffsetX": 0,
"shadowOffsetY": 0,
"opacity": 1
},
"select": {
"itemStyle": {
"borderColor": "#212121"
}
},
"realtimeSort": false,
"label": {}
},
{
"name": "bar2",
"type": "bar",
"data": [
-50,
-47.18992898088751,
-42.54426104547181,
-36.290773900754886,
-28.71517529663627,
-20.146937097399626,
-10.94374119697364,
-1.4752538113770308,
7.893046603320797,
16.81528588241657,
24.979206795219028,
32.11821023962515,
38.02096119056733,
42.53821720798438,
45.58667093073836,
47.14973738101559,
47.275355710354944,
46.07100702178889,
43.6962693226927,
40.35333240268025,
36.275975292575026,
31.71756381888028,
26.938653692729076,
22.194784893913152,
17.725026430574392,
13.741778696752679,
10.422266555457615,
7.902063853319403,
6.270884006107842,
5.570756810898967,
5.796594266992678,
6.899033489892203,
8.7893381290192,
11.346045936704996,
14.42297348773613,
17.858132851517098,
21.483081596548438,
25.132218074866262,
28.651548555679597,
31.906490373810854,
34.788333671419466,
37.21906041552118,
39.154309232933485,
40.58437366457342,
41.5332247510366,
42.05565130942339,
42.23270781895,
42.165745792772285,
41.969375711588256,
41.76375960543808,
41.66666666666667,
41.7857343479728,
42.21136481847887,
43.01065209435119,
44.22268037417866,
45.855461823273586,
47.88469584957917,
50.25443606443524,
52.879650371477126,
55.650558977584225,
58.43853958732492,
61.10330341815434,
63.500974294013034,
65.49264961151306,
66.95298925309743,
67.77836838841961,
67.89414332224722,
67.26061575374229,
65.87733853082335,
63.785482681031894,
61.068077697490004,
57.84804048526095,
54.284018163297375,
50.564180830851214,
46.89820707575337,
43.50780217852947,
40.616171775045245,
38.4369379107128,
37.16302649485318,
36.95607267600796,
37.93688225696513,
40.17745279877072,
43.694998595987045,
48.44834150353593,
54.33692802801367,
61.20261650152743,
68.83425165632042,
76.97491319735354,
85.33159602026458,
93.58695857541488,
101.4126683297632,
108.48378461530217,
114.49355390682695,
119.16795429637915,
122.27931702317058,
123.65837448506679,
123.20413594805603,
120.89107255501017,
116.7731992576505,
110.98476877890735
],
"emphasis": {
"focus": "series",
"label": {}
},
"animationDelay": {},
"progressive": 100000,
"animation": false,
"zlevel": 0,
"z": 2,
"coordinateSystem": "cartesian2d",
"legendHoverLink": true,
"barMinHeight": 0,
"barMinAngle": 0,
"large": false,
"largeThreshold": 400,
"progressiveChunkMode": "mod",
"clip": true,
"roundCap": false,
"showBackground": false,
"backgroundStyle": {
"color": "rgba(180, 180, 180, 0.2)",
"borderColor": null,
"borderWidth": 0,
"borderType": "solid",
"borderRadius": 0,
"shadowBlur": 0,
"shadowColor": null,
"shadowOffsetX": 0,
"shadowOffsetY": 0,
"opacity": 1
},
"select": {
"itemStyle": {
"borderColor": "#212121"
}
},
"realtimeSort": false,
"label": {}
}
],
"visualMap": [],
"legend": [
{
"data": [
"bar",
"bar2"
],
"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": []
}