Echarts在线免费图表

 
            	var xArr = [2010, 2011, 2012, 2013, 2014, 2015, 2016],
		numArr = [631, 660, 680, 699, 727, 749, 765],
		rateArr = [72, 79, 88, 91.8, 92.6, 92.2, 89.5];


option = {
		title: {
			text: '中国今年大学生毕业人数',
			subtext: 'Echarts-No1',
		},
		legend: {
			data: ['毕业人数', '就业率']
		},
		tooltip: {
			trigger: 'axis',
			formatter: '{b0}年：<br>{a0}：{c0}万人<br>{a1}：{c1}%'
// 			formatter: function(params){

// 				var x = params[0].dataIndex;

// 				var tip = '' + xArr[x] + '年<br>';
				
// 				for(var i=0; i<params.length; i++){
// 					tip += params[i].seriesName + '：' + params[i].data + '<br>';
// 				}

// 				return tip;
// 			}
		},
		xAxis: {
			type: 'category',
			data: xArr
		},
		yAxis: [
			{
				type: 'value',
				name: '毕业人数',
				nameLocation: 'start',
				nameTextStyle: {
					color: '#ff0000',
					fontSize: 16
				},
				position: 'left',
				scale: true
			},
			{
				type: 'value',
				name: '就业率',
				nameLocation: 'start',
				nameTextStyle: {
					color: '#0000ff',
					fontSize: 16
				},
				position: 'right',
				scale: true
			}
		],
		series: [
			{
				type: 'bar',
				name: '毕业人数',
				yAxisIndex: 0,
				data: numArr
			},
			{
				type: 'line',
				name: '就业率',
				yAxisIndex: 1,
				data: rateArr
			}
		]
	};