blob: a07980ffa6a6ca0300981713381d0f73fe8550d2 [file] [log] [blame]
{
"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,
"dataset": [
{
"source": [
[
"product",
"2012",
"2013",
"2014",
"2015",
"2016",
"2017"
],
[
"Milk Tea",
56.5,
82.1,
88.7,
70.1,
53.4,
85.1
],
[
"Matcha Latte",
51.1,
51.4,
55.1,
53.3,
73.8,
68.7
],
[
"Cheese Cocoa",
40.1,
62.2,
69.5,
36.4,
45.2,
32.5
],
[
"Walnut Brownie",
25.2,
37.1,
41.2,
18,
33.9,
49.1
]
],
"seriesLayoutBy": "column"
}
],
"bmap": [],
"timeline": [],
"title": [],
"toolbox": [],
"graphic": [],
"calendar": [],
"geo": [],
"radiusAxis": [],
"angleAxis": [],
"polar": [],
"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",
"showContent": false,
"zlevel": 0,
"z": 60,
"show": 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
}
}
],
"singleAxis": [],
"parallelAxis": [],
"parallel": [],
"component": [],
"radar": [],
"yAxis": [
{
"gridIndex": 0,
"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": [
{
"type": "category",
"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"
}
},
"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": {
"status": "hide",
"value": 5
},
"offset": 0,
"categorySortInfo": []
}
],
"grid": [
{
"top": "55%",
"show": false,
"zlevel": 0,
"z": 0,
"left": "10%",
"right": "10%",
"bottom": 70,
"containLabel": false,
"backgroundColor": "rgba(0,0,0,0)",
"borderWidth": 1,
"borderColor": "#ccc"
}
],
"series": [
{
"type": "line",
"smooth": true,
"seriesLayoutBy": "row",
"emphasis": {
"focus": "series",
"scale": true,
"lineStyle": {
"width": "bolder"
},
"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"
},
"step": false,
"smoothMonotone": null,
"symbolSize": 4,
"symbolRotate": null,
"showSymbol": true,
"showAllSymbol": "auto",
"connectNulls": false,
"sampling": "none",
"animationEasing": "linear",
"hoverLayerThreshold": null
},
{
"type": "line",
"smooth": true,
"seriesLayoutBy": "row",
"emphasis": {
"focus": "series",
"scale": true,
"lineStyle": {
"width": "bolder"
},
"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"
},
"step": false,
"smoothMonotone": null,
"symbolSize": 4,
"symbolRotate": null,
"showSymbol": true,
"showAllSymbol": "auto",
"connectNulls": false,
"sampling": "none",
"animationEasing": "linear",
"hoverLayerThreshold": null
},
{
"type": "line",
"smooth": true,
"seriesLayoutBy": "row",
"emphasis": {
"focus": "series",
"scale": true,
"lineStyle": {
"width": "bolder"
},
"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"
},
"step": false,
"smoothMonotone": null,
"symbolSize": 4,
"symbolRotate": null,
"showSymbol": true,
"showAllSymbol": "auto",
"connectNulls": false,
"sampling": "none",
"animationEasing": "linear",
"hoverLayerThreshold": null
},
{
"type": "line",
"smooth": true,
"seriesLayoutBy": "row",
"emphasis": {
"focus": "series",
"scale": true,
"lineStyle": {
"width": "bolder"
},
"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"
},
"step": false,
"smoothMonotone": null,
"symbolSize": 4,
"symbolRotate": null,
"showSymbol": true,
"showAllSymbol": "auto",
"connectNulls": false,
"sampling": "none",
"animationEasing": "linear",
"hoverLayerThreshold": null
},
{
"type": "pie",
"id": "pie",
"radius": "30%",
"center": [
"50%",
"25%"
],
"emphasis": {
"focus": "data",
"scale": true,
"scaleSize": 5,
"label": {
"show": true
},
"labelLine": {
"show": true
}
},
"label": {
"formatter": "{b}: {@2012} ({d}%)",
"rotate": 0,
"show": true,
"overflow": "truncate",
"position": "outer",
"alignTo": "none",
"edgeDistance": "25%",
"bleedMargin": 10,
"distanceToLabelLine": 5
},
"encode": {
"itemName": "product",
"value": "2012",
"tooltip": "2012"
},
"progressive": 100000,
"animation": false,
"zlevel": 0,
"z": 2,
"legendHoverLink": true,
"clockwise": true,
"startAngle": 90,
"minAngle": 0,
"minShowLabelAngle": 0,
"selectedOffset": 10,
"percentPrecision": 2,
"stillShowZeroSum": true,
"left": 0,
"top": 0,
"right": 0,
"bottom": 0,
"width": null,
"height": null,
"labelLine": {
"show": true,
"length": 15,
"length2": 15,
"smooth": false,
"minTurnAngle": 90,
"maxSurfaceAngle": 90,
"lineStyle": {
"width": 1,
"type": "solid"
}
},
"itemStyle": {
"borderWidth": 1
},
"labelLayout": {
"hideOverlap": true
},
"avoidLabelOverlap": true,
"animationType": "expansion",
"animationDuration": 1000,
"animationTypeUpdate": "transition",
"animationEasingUpdate": "cubicInOut",
"animationDurationUpdate": 500,
"animationEasing": "cubicInOut"
}
],
"visualMap": [],
"legend": [
{
"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": []
}