echart 折线与柱状图切换设置 boundaryGap 失效

在工作中遇到一个问题，echart折线图 与柱状图切换时，X轴与Y轴重叠，按需求要求折线两边留有空白，于是到官网查api，在xAxis X轴设置 boundaryGap 属性可以做到。

在类目轴中 boundaryGap 只有两个值： true 和 false

xAxis: {
     type: 'category',
     boundaryGap: false,
     data: dataArr
 },

在非类目轴中 boundaryGap 可以设置 [20%,20%]

xAxis: {
     type: 'category',
     boundaryGap: [20%, 20%],
     data: dataArr
 },

echart2 中无任何问题，但是在echart3中，初始化时也没有问题，但是在切换右上角图标时，我们惊奇地发现，它没有生效！
于是：
只好改变思路了，在用户点击折线和柱状小图标的时候，触发 magictypechanged 事件，在magictypechanged 事件中 让 mychart 再一次 setOption。

myChart.on('magictypechanged ',function(obj){
	myChart.setOption({
		...
	})
})

注意：在重新绘图时，之前设置的 mychart.init()千万不要重新走一遍，否则 当页面点击图标次过多时，就会出现浏览器卡掉哦。