ECharts折線圖配置參數詳解

標題

title: {
	left: 'center',
	text: '標題',
},

圖例

data屬性值要與series的name屬性值保持一致

legend: {
	data: ['數據'],
	right: 'top'
},

圖片下載

toolbox: {
	feature: {
		saveAsImage: {}
	}
},

X軸

boundaryGap屬性值設置爲false，x軸與網格線對齊
name屬性值設置折線圖X座標軸名稱

xAxis: {
	type: "category",
	boundaryGap: false,
	data: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999, 2001, 2002],
	name: "year",
	nameLocation:'middle',
	nameTextStyle:{
		fontSize:14, 
		fontWeight: 600, 
		padding:10
	}
},

y軸

name屬性值設置折線圖Y座標軸名稱

yAxis: {
	type: "value",
	name: "data",
	nameLocation:'middle',
	nameTextStyle:{
		fontSize:14, 
		fontWeight: 600, 
		padding:10
	}
}

series

name屬性值要與legend的data屬性值保持一致

series: [
	{
		data: [0.809, 0.786, 0.812, 0.881, 0.685, 0.417, 0.785, 0.845, 0.739, 0.818, 0.810],
		type: "line",
		name:"數據"
	}
]