echarts之字符云tooltip显⽰混乱问题的解决办法echarts字符云中tooltip显⽰混乱主要表现为⼀下两点:
1、字体与其显⽰框内容不对应⿏标识别错误
  解决思路:
  就是option⾥的数据要对value降序排序（这⼀点很关键，是必须的⼀步）
  把间距调⼤点 textPadding: 10。
2、⽂字丢失
  解决思路:
  size属性是⽂字丢失的原因，最好设置为100%。
function wordWorldDraw(){
require([ 'echarts', 'echarts/chart/wordCloud' ],
paths: {
echarts: '<%=ContextPath()%>/js/echarts/v2.2.7'
}
});
function(ec) {
var myCharts=ec.ElementById('cloud'));
var ecConfig = require('echarts/config');
var option = {
title: {
//因为字符云的主标题是绘制在画布上的
//text: 'Google Trends',
/
/link: 'le/trends/hottrends'
},
tooltip : {
trigger : 'item',
formatter : function(params) {
return params.name+":"+params.value;
}
},
textStyle:{
},
series:  [{
/
/name: '地域',
type: 'wordCloud',
size: ['100%', '100%'],//防⽌字体丢失
center:['60%','50%'],
textRotation : [0, 45, 90, -45],
textPadding: 3,
autoSize: {
enable: true,
minSize: 14
},
data:  CloudEchartsDataVOJson.seriesDatas//数据交互
}
]
};
myCharts2.setOption(option);// 绘制表格
});
}setoption