44Echarts - 柱状图（阶梯瀑布图）

效果图

源代码

	
		
		ECharts
		
		
	

	
		
		

		
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));
			var option;
			option = {
				title: {
					text: '阶梯瀑布图',
					subtext: 'From ExcelHome',
					sublink: 'http://e.weibo.com/1341556070/Aj1J2x5a5'
				},
				tooltip: {
					trigger: 'axis',
					axisPointer: { // 坐标轴指示器，坐标轴触发有效
						type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
					},
					formatter: function(params) {
						var tar;
						if(params[1].value != '-') {
							tar = params[1];
						} else {
							tar = params[0];
						}
						return tar.name + '' + tar.seriesName + ' : ' + tar.value;
					}
				},
				legend: {
					data: ['支出', '收入']
				},
				grid: {
					left: '3%',
					right: '4%',
					bottom: '3%',
					containLabel: true
				},
				xAxis: {
					type: 'category',
					splitLine: {
						show: false
					},
					data: function() {
						var list = [];
						for(var i = 1; i