Echarts常遇见的问题

1、使用rich,legend里面的标签无法显示

legend:{
				formatter: function (name){
					var data=pieChartData;
					var total = 0;
					var target;
					var arr = [];
					for (var i = 0, l = data.length; i < l; i++) {
						total += data[i].value;
						if (data[i].name == name) {
							target = data[i].value;
							arr.push('{a|'+name+'}','{b|'+((target))+'}');
						}
					}
					return arr.join('\n')
				},
				bottom:0,
				left:'center',
				textStyle:{
					rich:{
						a:{
							fontSize:16,
							verticalAlign:'top',
							align:'center',
							color: '#FFFFFF',
							padding:[0,15,28,0]
						},
						b:{
							fontSize:14,
							align:'center',
							color: '#FFFFFF',
							padding:[0,15,0,0],
							lineHeight:25
						}
					}
				}
			},

原因1：被页面的背景颜色覆盖了，可以把案例放到官网测试

原因2：当前使用的版本不支持rich，最新的版本：

<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

注意：必须要引入jQuery

效果图：

2、柱状图中数值无法显示在X轴下方（有距离的显示）

3、echarts柱状图多柱重叠和堆叠处理

option = {
    title: {
        t