EChart的一些特殊用法（不定时更新）

下面的一些用法都是在官网上不易发现的技巧。

1.如何让legend换行并且超出部分隐藏或者显示省略号？

  formart函数回调，代码如下

       legend: {
	    	data: lineName,
	        formatter: function (lineName) {
			return 	lineName.length > 20 ? lineName.substring(0,20)+'...' :　lineName;
	        }
	    },

上述代码只是用来超出隐藏的（之前写错了，及时修订）。

关于换行的代码。

legend:{
        data://这是一个数组，数组格式一般为[name1,name2...],如果想要换行需要写成。[name1,'',name,'',name3...]
}

就是数组的每个元素中间插入‘’，不过有一个坑记住，如果是动态的数据。

例如，在AJAX里获取到图例数组为[name1,name2,name3],想要显示换行。我的处理方式是

var dataName = ['name1','name2','name3'];

var totalName = dataName.toString().replace(/,/.', , ').split(',');

引入即可。

千万不要自认为聪明的转化为

var totalName = dataName.toString().replace(/,/.',“ ”, ').split(',');

2.如何控制tips的大小和位置。

   tips，在echarts生成的元素里 其实是一个DOM元素，所以我们可以在浏览器上直接选中它，并且改变他的样式。

3.为何有时设置百分比宽度无效或者内容错乱？