26Echarts - 折线图（Line Y Category）

效果图

源代码

	
		
		ECharts
		
		
	

	
		
		

		
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));
			var option;

			option = {
				legend: {
					data: ['高度(km)与气温(°C)变化关系']
				},
				tooltip: {
					trigger: 'axis',
					formatter: "Temperature : {b}km : {c}°C"
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: {
					type: 'value',
					axisLabel: {
						formatter: '{value} °C'
					}
				},
				yAxis: {
					type: 'category',
					axisLine: {
						onZero: false
					},
					axisLabel: {
						formatter: '{value} km'
					},
					boundaryGap: false,
					data: ['0', '10', '20', '30', '40', '50', '60', '70', '80']
				},
				series: [{
					name: '高度(km)与气温(°C)变化关系',
					type: 'line',
					smooth: true,
					lineStyle: {
						normal: {
							width: 3,
							shadowColor: 'rgba(0,0,0,0.4)',
							shadowBlur: 10,
							shadowOffsetY: 10
						}
					},
					data: [15, -50, -56.5, -46.5, -22.1, -2.5, -27.7, -55.7, -76.5]
				}]
			};

			myChart.setOption(option);