You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by GitBox <gi...@apache.org> on 2018/07/03 04:50:24 UTC

[GitHub] yyddbull opened a new issue #8629: 堆积折线图,在高度设置为300px 以下时,鼠标移动到图形中的数据后,出现图形抖动现象

yyddbull opened a new issue #8629: 堆积折线图,在高度设置为300px 以下时,鼠标移动到图形中的数据后,出现图形抖动现象
URL: https://github.com/apache/incubator-echarts/issues/8629
 
 
   <!--
   为了方便我们能够复现和修复 bug,请遵从下面的规范描述您的问题。
   -->
   
   
   ### One-line summary [问题简述]
   
   堆积折线图,在高度设置为300px 以下时,鼠标移动到图形中的数据后,出现图形抖动现象
   
   
   
   ### Version & Environment [版本及环境]
   + ECharts version [ECharts 版本]: echarts  3
   + Browser version [浏览器类型和版本]: chrome 62.0.3202.75
   + OS Version [操作系统类型和版本]: windows 7
   
   
   
   
   
   ### Expected behaviour [期望结果]
   
   
   
   
   
   ### ECharts option [ECharts配置项]
   <!-- Copy and paste your 'echarts option' here. -->
   <!-- [下方贴你的option,注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
   ```javascript
   option = {
   	"calculable": true,
   	"color": ["#00f3f7", "#ffb980", "#f45d66", "#72ccff", "#b090f0", "#6691f6", "#d2f5a6", "#a3d334", "#333333"],
   	"backgroundColor": "rgb(0,73,134)",
   	"textStyle": {
   		"fontFamily": "Microsoft YaHei",
   		"fontSize": 12,
   		"fontStyle": "normal",
   		"fontWeight": "normal"
   	},
   	"line": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4"
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true
   	},
   	"bar": {
   		"itemStyle": {
   			"normal": {
   				"barBorderWidth": "0",
   				"barBorderColor": "#ccc"
   			},
   			"emphasis": {
   				"barBorderWidth": "0",
   				"barBorderColor": "#ccc"
   			}
   		}
   	},
   	"pie": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			},
   			"emphasis": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		}
   	},
   	"scatter": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			},
   			"emphasis": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		}
   	},
   	"boxplot": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			},
   			"emphasis": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		}
   	},
   	"sankey": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			},
   			"emphasis": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		}
   	},
   	"funnel": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			},
   			"emphasis": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		}
   	},
   	"gauge": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			},
   			"emphasis": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		}
   	},
   	"candlestick": {
   		"itemStyle": {
   			"normal": {
   				"color": "#fc97af",
   				"color0": "transparent",
   				"borderColor": "#fc97af",
   				"borderColor0": "#87f7cf",
   				"borderWidth": "2"
   			}
   		}
   	},
   	"graph": {
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "0",
   				"borderColor": "#ccc"
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "1",
   				"color": "#ffffff"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"color": ["#00f3f7", "#ffb980", "#f45d66", "#72ccff", "#b090f0", "#6691f6", "#d2f5a6", "#a3d334", "#333333"],
   		"label": {
   			"normal": {
   				"textStyle": {
   					"color": "#ffffff"
   				}
   			}
   		}
   	},
   	"map": {
   		"itemStyle": {
   			"normal": {
   				"areaColor": "#f3f3f3",
   				"borderColor": "#999999",
   				"borderWidth": 0.5
   			},
   			"emphasis": {
   				"areaColor": "rgba(255,178,72,1)",
   				"borderColor": "#eb8146",
   				"borderWidth": 1
   			}
   		},
   		"label": {
   			"normal": {
   				"textStyle": {
   					"color": "#893448"
   				}
   			},
   			"emphasis": {
   				"textStyle": {
   					"color": "rgb(137,52,72)"
   				}
   			}
   		}
   	},
   	"categoryAxis": {
   		"axisLine": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisTick": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisLabel": {
   			"show": true,
   			"textStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"splitLine": {
   			"show": false,
   			"lineStyle": {
   				"color": ["#e6e6e6"]
   			}
   		},
   		"splitArea": {
   			"show": false,
   			"areaStyle": {
   				"color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
   			}
   		}
   	},
   	"valueAxis": {
   		"axisLine": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisTick": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisLabel": {
   			"show": true,
   			"textStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"splitLine": {
   			"show": false,
   			"lineStyle": {
   				"color": ["#e6e6e6"]
   			}
   		},
   		"splitArea": {
   			"show": false,
   			"areaStyle": {
   				"color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
   			}
   		}
   	},
   	"logAxis": {
   		"axisLine": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisTick": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisLabel": {
   			"show": true,
   			"textStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"splitLine": {
   			"show": false,
   			"lineStyle": {
   				"color": ["#e6e6e6"]
   			}
   		},
   		"splitArea": {
   			"show": false,
   			"areaStyle": {
   				"color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
   			}
   		}
   	},
   	"timeAxis": {
   		"axisLine": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisTick": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"axisLabel": {
   			"show": true,
   			"textStyle": {
   				"color": "#ffffff"
   			}
   		},
   		"splitLine": {
   			"show": false,
   			"lineStyle": {
   				"color": ["#e6e6e6"]
   			}
   		},
   		"splitArea": {
   			"show": false,
   			"areaStyle": {
   				"color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
   			}
   		}
   	},
   	"animation": "auto",
   	"animationDuration": 1000,
   	"animationDurationUpdate": 300,
   	"animationEasing": "exponentialOut",
   	"animationEasingUpdate": "cubicOut",
   	"animationThreshold": 2000,
   	"progressiveThreshold": 3000,
   	"progressive": 400,
   	"hoverLayerThreshold": 3000,
   	"useUTC": false,
   	"toolbox": [{
   		"show": true,
   		"feature": {
   			"dataView": {
   				"show": false,
   				"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": "数据视图",
   				"lang": ["数据视图", "关闭", "刷新"],
   				"backgroundColor": "#fff",
   				"textColor": "#000",
   				"textareaColor": "#fff",
   				"textareaBorderColor": "#333",
   				"buttonColor": "#c23531",
   				"buttonTextColor": "#fff"
   			},
   			"saveAsImage": {
   				"show": false,
   				"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": "保存为图片",
   				"type": "png",
   				"name": "",
   				"excludeComponents": ["toolbox"],
   				"pixelRatio": 1,
   				"lang": ["右键另存为图片"]
   			}
   		},
   		"iconStyle": {
   			"normal": {
   				"borderColor": "#ffffff",
   				"color": "none"
   			},
   			"emphasis": {
   				"borderColor": "#6fccfc"
   			}
   		},
   		"z": 6,
   		"zlevel": 0,
   		"orient": "horizontal",
   		"left": "right",
   		"top": "top",
   		"backgroundColor": "transparent",
   		"borderColor": "#ccc",
   		"borderWidth": 0,
   		"padding": 5,
   		"itemSize": 15,
   		"itemGap": 8,
   		"showTitle": true,
   		"right": null,
   		"bottom": null
   	}],
   	"title": [{
   		"text": "",
   		"subtext": "",
   		"x": "left",
   		"y": "bottom",
   		"left": "left",
   		"top": "bottom",
   		"textStyle": {
   			"color": "#ffffff",
   			"fontSize": 18,
   			"fontWeight": "bolder"
   		},
   		"subtextStyle": {
   			"color": "#ffffff"
   		},
   		"zlevel": 0,
   		"z": 6,
   		"show": true,
   		"target": "blank",
   		"subtarget": "blank",
   		"backgroundColor": "rgba(0,0,0,0)",
   		"borderColor": "#ccc",
   		"borderWidth": 0,
   		"padding": 5,
   		"itemGap": 10,
   		"right": null,
   		"bottom": null
   	}],
   	"axisPointer": [{
   		"show": "auto",
   		"triggerOn": null,
   		"zlevel": 0,
   		"z": 50,
   		"type": "line",
   		"snap": false,
   		"triggerTooltip": true,
   		"value": null,
   		"status": null,
   		"link": [],
   		"animation": null,
   		"animationDurationUpdate": 200,
   		"lineStyle": {
   			"color": "#aaa",
   			"width": 1,
   			"type": "solid"
   		},
   		"shadowStyle": {
   			"color": "rgba(150,150,150,0.3)"
   		},
   		"label": {
   			"show": true,
   			"formatter": null,
   			"precision": "auto",
   			"margin": 3,
   			"textStyle": {
   				"color": "#fff"
   			},
   			"padding": [5, 7, 5, 7],
   			"backgroundColor": "auto",
   			"borderColor": null,
   			"borderWidth": 0,
   			"shadowBlur": 3,
   			"shadowColor": "#aaa"
   		},
   		"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": {
   			"lineStyle": {
   				"color": "#6fccfc",
   				"width": 1
   			},
   			"crossStyle": {
   				"color": "#6fccfc",
   				"width": 1,
   				"type": "dashed",
   				"textStyle": {}
   			},
   			"type": "line",
   			"axis": "auto",
   			"animation": "auto",
   			"animationDurationUpdate": 200,
   			"animationEasingUpdate": "exponentialOut"
   		},
   		"zlevel": 0,
   		"z": 8,
   		"show": true,
   		"showContent": true,
   		"triggerOn": "mousemove|click",
   		"alwaysShowContent": false,
   		"displayMode": "single",
   		"confine": false,
   		"showDelay": 0,
   		"hideDelay": 100,
   		"transitionDuration": 0.4,
   		"enterable": false,
   		"backgroundColor": "rgba(50,50,50,0.7)",
   		"borderColor": "#333",
   		"borderRadius": 4,
   		"borderWidth": 0,
   		"padding": 5,
   		"extraCssText": "",
   		"textStyle": {
   			"color": "#fff",
   			"fontSize": 14
   		}
   	}],
   	"yAxis": [{
   		"name": "",
   		"type": "value",
   		"axisLine": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff",
   				"width": 1,
   				"type": "solid"
   			},
   			"onZero": true
   		},
   		"axisTick": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff",
   				"width": 1
   			},
   			"inside": false,
   			"length": 5
   		},
   		"axisLabel": {
   			"show": true,
   			"textStyle": {
   				"color": "#ffffff",
   				"fontSize": 12
   			},
   			"inside": false,
   			"rotate": 0,
   			"showMinLabel": null,
   			"showMaxLabel": null,
   			"margin": 8
   		},
   		"splitLine": {
   			"show": false,
   			"lineStyle": {
   				"color": ["#e6e6e6"],
   				"width": 1,
   				"type": "solid"
   			}
   		},
   		"splitArea": {
   			"show": false,
   			"areaStyle": {
   				"color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
   			}
   		},
   		"boundaryGap": [0, 0],
   		"splitNumber": 5,
   		"show": true,
   		"zlevel": 0,
   		"z": 0,
   		"inverse": false,
   		"nameLocation": "end",
   		"nameRotate": null,
   		"nameTruncate": {
   			"maxWidth": null,
   			"ellipsis": "...",
   			"placeholder": "."
   		},
   		"nameTextStyle": {},
   		"nameGap": 15,
   		"silent": false,
   		"triggerEvent": false,
   		"tooltip": {
   			"show": false
   		},
   		"axisPointer": {},
   		"offset": 0,
   		"rangeEnd": null,
   		"rangeStart": null
   	}],
   	"xAxis": [{
   		"type": "category",
   		"boundaryGap": false,
   		"name": "",
   		"data": ["21点", "22点", "23点", "0点", "1点", "2点", "3点", "4点", "5点", "6点", "7点", "8点", "9点", "10点", "11点", "12点", "13点", "14点", "15点", "16点", "17点", "18点", "19点", "20点", "21点"],
   		"axisLabel": {
   			"interval": "0",
   			"rotate": "35",
   			"show": true,
   			"textStyle": {
   				"color": "#ffffff",
   				"fontSize": 12
   			},
   			"inside": false,
   			"showMinLabel": null,
   			"showMaxLabel": null,
   			"margin": 8
   		},
   		"axisLine": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff",
   				"width": 1,
   				"type": "solid"
   			},
   			"onZero": true
   		},
   		"axisTick": {
   			"show": true,
   			"lineStyle": {
   				"color": "#ffffff",
   				"width": 1
   			},
   			"alignWithLabel": false,
   			"interval": "auto",
   			"inside": false,
   			"length": 5
   		},
   		"splitLine": {
   			"show": false,
   			"lineStyle": {
   				"color": ["#e6e6e6"],
   				"width": 1,
   				"type": "solid"
   			}
   		},
   		"splitArea": {
   			"show": false,
   			"areaStyle": {
   				"color": ["rgba(250,250,250,0.05)", "rgba(200,200,200,0.02)"]
   			}
   		},
   		"show": true,
   		"zlevel": 0,
   		"z": 0,
   		"inverse": false,
   		"nameLocation": "end",
   		"nameRotate": null,
   		"nameTruncate": {
   			"maxWidth": null,
   			"ellipsis": "...",
   			"placeholder": "."
   		},
   		"nameTextStyle": {},
   		"nameGap": 15,
   		"silent": false,
   		"triggerEvent": false,
   		"tooltip": {
   			"show": false
   		},
   		"axisPointer": {
   			"status": "hide",
   			"value": 6,
   			"seriesDataIndices": [{
   				"seriesIndex": 0,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 1,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 2,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 3,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 4,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 5,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 6,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 7,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 8,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 9,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 10,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}, {
   				"seriesIndex": 11,
   				"dataIndexInside": 6,
   				"dataIndex": 6
   			}]
   		},
   		"offset": 0,
   		"rangeEnd": null,
   		"rangeStart": null
   	}],
   	"grid": [{
   		"top": "15",
   		"left": "100",
   		"right": "40",
   		"bottom": "80",
   		"show": false,
   		"zlevel": 0,
   		"z": 0,
   		"containLabel": false,
   		"backgroundColor": "rgba(0,0,0,0)",
   		"borderWidth": 1,
   		"borderColor": "#ccc"
   	}],
   	"series": [{
   		"name": "照明与插座用电",
   		"type": "line",
   		"data": [40490, 0, 288472, 27389, 27110, 55985, 27903, 56186, 29270, 27998, 54089, 27545, 57262, 27605, 25410, 0, 55579, 348519, 49045, 39451, 55270, 29376, 43544, 35080, 34306],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#C1232B"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "环控水系统用电",
   		"type": "line",
   		"data": [4681, 0, 27260, 3546, 3233, 5735, 3050, 5616, 3438, 3254, 5593, 3105, 6277, 3250, 2715, 0, 6217, 35215, 3350, 2998, 6391, 2523, 5418, 3611, 3643],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#B5C334"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "环控风系统用电",
   		"type": "line",
   		"data": [15685, 0, 116367, 9872, 9794, 21478, 10242, 21201, 9939, 10558, 20116, 11018, 20373, 10733, 9268, 0, 19812, 150741, 16272, 10516, 20180, 10903, 16528, 12186, 12909],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#FCCE10"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "动力系统用电",
   		"type": "line",
   		"data": [35387, 0, 302993, 26378, 25174, 47660, 24646, 50018, 23806, 23217, 48196, 24171, 48730, 24279, 19359, 0, 43209, 400588, 40315, 30053, 48919, 23549, 36015, 32469, 29812],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#E87C25"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "AFC系统用电",
   		"type": "line",
   		"data": [3336, 0, 24566, 2448, 2083, 4585, 2172, 4501, 2294, 2057, 4446, 1972, 4767, 1900, 2001, 0, 4184, 33262, 2343, 1870, 4661, 2347, 3255, 3348, 2418],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#27727B"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "民用通信用电",
   		"type": "line",
   		"data": [2353, 0, 11233, 1508, 1661, 3173, 1559, 3157, 1784, 1564, 2922, 1575, 3163, 1488, 1717, 0, 3067, 13281, 1952, 1598, 3253, 1302, 2502, 1929, 1799],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#FE8463"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "商业用电",
   		"type": "line",
   		"data": [7868, 0, 73452, 5305, 6010, 11371, 4884, 10973, 6061, 5368, 10364, 6228, 11333, 5196, 4157, 0, 9494, 96814, 11556, 5131, 11340, 5035, 7860, 8296, 5528],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#9BCA63"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "特殊系统用电",
   		"type": "line",
   		"data": [35305, 0, 284613, 23044, 23837, 48589, 24926, 47058, 24895, 25232, 45777, 24174, 48929, 24261, 20924, 0, 44195, 351391, 59615, 24857, 48836, 24128, 32532, 35291, 28604],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#FAD860"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "牵引供电",
   		"type": "line",
   		"data": [8963, 0, 61936, 6132, 6431, 12801, 5371, 13614, 6070, 7429, 12207, 6246, 12877, 6397, 5637, 0, 12179, 70470, 15829, 6749, 13447, 5358, 4936, 10881, 9321],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#F3A43B"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "再生制动回馈",
   		"type": "line",
   		"data": [11640, 6019, 29400, 8205, 9060, 17025, 6195, 20640, 7815, 10785, 15915, 7800, 18420, 8520, 18120, 0, 20505, 20535, 5955, 8730, 19635, 5595, 0, 17880, 17280],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#60C0DD"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "再生制动耗电",
   		"type": "line",
   		"data": [12739, 0, 38112, 9164, 9802, 18765, 6871, 22275, 8706, 11430, 17569, 8833, 20058, 9332, 9827, 0, 22122, 27145, 11657, 9626, 21172, 6468, 1167, 19045, 18119],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#D7504B"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}, {
   		"name": "场段动照用电",
   		"type": "line",
   		"data": [964, 0, 25394, 594, 528, 1524, 551, 1001, 730, 902, 1197, 793, 1267, 649, 0, 0, 0, 38987, 604, 702, 1264, 793, 945, 1037, 571],
   		"stack": "总和",
   		"markPoint": false,
   		"markLine": false,
   		"itemStyle": {
   			"normal": {
   				"borderWidth": "4",
   				"lineStyle": null
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"width": "3",
   				"type": "solid",
   				"color": "#00CDCD"
   			}
   		},
   		"symbolSize": "0",
   		"symbol": "circle",
   		"smooth": true,
   		"zlevel": 0,
   		"z": 2,
   		"coordinateSystem": "cartesian2d",
   		"legendHoverLink": true,
   		"hoverAnimation": true,
   		"clipOverflow": true,
   		"label": {
   			"normal": {
   				"position": "top"
   			},
   			"emphasis": {
   				"position": "top"
   			}
   		},
   		"step": false,
   		"smoothMonotone": null,
   		"symbolRotate": null,
   		"showSymbol": true,
   		"showAllSymbol": false,
   		"connectNulls": false,
   		"sampling": "none",
   		"animationEasing": "linear",
   		"progressive": 0,
   		"hoverLayerThreshold": null
   	}],
   	"markArea": [{
   		"zlevel": 0,
   		"z": 1,
   		"tooltip": {
   			"trigger": "item"
   		},
   		"animation": false,
   		"label": {
   			"normal": {
   				"show": true,
   				"position": "top"
   			},
   			"emphasis": {
   				"show": true,
   				"position": "top"
   			}
   		},
   		"itemStyle": {
   			"normal": {
   				"borderWidth": 0
   			}
   		}
   	}],
   	"markLine": [{
   		"zlevel": 0,
   		"z": 5,
   		"symbol": ["circle", "arrow"],
   		"symbolSize": [8, 16],
   		"precision": 2,
   		"tooltip": {
   			"trigger": "item"
   		},
   		"label": {
   			"normal": {
   				"show": true,
   				"position": "end"
   			},
   			"emphasis": {
   				"show": true
   			}
   		},
   		"lineStyle": {
   			"normal": {
   				"type": "dashed"
   			},
   			"emphasis": {
   				"width": 3
   			}
   		},
   		"animationEasing": "linear"
   	}],
   	"markPoint": [{
   		"label": {
   			"normal": {
   				"textStyle": {
   					"color": "#ffffff"
   				},
   				"show": true,
   				"position": "inside"
   			},
   			"emphasis": {
   				"textStyle": {
   					"color": "#ffffff"
   				},
   				"show": true
   			}
   		},
   		"zlevel": 0,
   		"z": 5,
   		"symbol": "pin",
   		"symbolSize": 50,
   		"tooltip": {
   			"trigger": "item"
   		},
   		"itemStyle": {
   			"normal": {
   				"borderWidth": 2
   			}
   		}
   	}],
   	"marker": [],
   	"visualMap": [],
   	"dataZoom": [],
   	"brush": [],
   	"legend": [{
   		"data": ["照明与插座用电", "环控水系统用电", "环控风系统用电", "动力系统用电", "AFC系统用电", "民用通信用电", "商业用电", "特殊系统用电", "牵引供电", "再生制动回馈", "再生制动耗电", "场段动照用电"],
   		"x": "center",
   		"y": "bottom",
   		"left": "center",
   		"top": "bottom",
   		"textStyle": {
   			"color": "#ffffff"
   		},
   		"zlevel": 0,
   		"z": 4,
   		"show": true,
   		"orient": "horizontal",
   		"align": "auto",
   		"backgroundColor": "rgba(0,0,0,0)",
   		"borderColor": "#ccc",
   		"borderWidth": 0,
   		"padding": 5,
   		"itemGap": 10,
   		"itemWidth": 25,
   		"itemHeight": 14,
   		"inactiveColor": "#ccc",
   		"selectedMode": true,
   		"tooltip": {
   			"show": false
   		},
   		"right": null,
   		"bottom": null,
   		"selected": {}
   	}]
   }
   
   ```
   
   
   
   
   ### Other comments [其他信息]
   <!-- For example: Screenshot or Online demo -->
   <!-- [例如,截图或线上实例 (JSFiddle/JSBin/Codepen)] -->
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org