Echats 使用问题汇总及解决方案

    宽200，高200容器
1、饼图，鼠标划入，弹框内容显示不全
 a)、tootip:{confine:true} //鼠标划入显示的弹窗不超出当前图表容器，200*200
 b)、鼠标划入显示的内容很长，超出当前容器宽，导致显示不全,下面这种方式通过15来取余，超出15换行处理
    a)、tootip:{formatter:val=>{
           let txt = val.name.split('');
            let str = '';
            for(let i = 0,s;s = txt[i++];){
                str +=s;
                if(!(i%15)) str += '
';
        }
            return str + ":"+val.value;
    }

}
2、柱状图，X轴强制显示全部，宽度不够，导致内容重叠
    a)、X轴内容比较短，可以旋转45°，到达效果
        1、xAxis:{axisLabel:{rotate:45}}//旋转45°
    b)、X轴数据比较长，可以截取几个字符，变...处理，划入显示完整内容
        1、xAxis:[{axisLabel:{formatter:val=>{
           if(val.length>5){
               txt = val.substr(0,5)+"..."
        }
            return txt
}}}]
      c)、或者X轴换行处理
            1、xAxis:{axisLabel:{data:data.map(item=>{
                return item.slice(0,4)+ '
'+item.slice(4,8)+'
'+item.slice(8)
})}}
3、图表自适应
        1.window.onresize = ()=>{
            处理图表函数
        }
        2、angular框架推荐 ngx-echats