问题原因:
我的项目X轴和Y轴的显示会过长,因为工作原因不方便用图显示,这种问题大概可以用三种方式解决,等后续有其他方式我会再次更新博客。
解决方法:
为了方便大家CV,代码根据自己需求放在yAxis中或是xAxis,因为各自的项目不同所以大家赋值的时候一定要看好,如果实在不理解我会在最后放上图片供大家参考学习,有不理解的可以评论。
1.字数溢出隐藏。
// 字数溢出隐藏
formatter: function(params){
// 超过多少字隐藏
var val = “”;
//超过六个字隐藏
if(params.length > 6){
//截取六个字
val = params.substr(0,6) + ‘…’;
return val
}else {
return params
}
2.超过多少字换行
// 超过多少字换行
// var newParamsName = “” //最终拼接成的字符串
// var paramsNameNumber = params.length //实际标签的个数
// var provideNumber = 7 //每行能显示的字的个数
// var rowNumber = Math.ceil(paramsNameNumber / provideNumber) //换行的话,需要显示几行和,向上取整
//判断标签的个数是否大于规定的个数,如果大于,则进行换行处理,如果不大于,即等于或小于,就返回原标签
//条件等同于rowNumber>1
// if(paramsNameNumber > provideNumber){
//循环每一行,p表示行
// for(var p = 0 ; p < rowNumber; p++){
// var tempStr = “” //表示每一次截取的字符串
// var start = p * provideNumber //开始截取的位置
// var end = start + provideNumber //结束截取的位置
//此处特殊处理最后一行的索引值
// if(p == rowNumber – 1){
//最后一次不换行
// tempStr = params.substring(start,paramsNameNumber);
//} else {
//每一次拼接字符串并换行
// tempStr = params.substring(start,end) + ‘\n’;
//}
// newParamsName += tempStr //最终拼成的字符串
//}
//} else {
//将旧标签的值赋值给新标签
// newParamsName = params;
//}
// 将最终的字符串返回
//return newParamsName
3.倾斜角度(感觉适合数字,太长的文字看起来不舒服,看你自己喜欢)
// 间隔
interval:10,
// 倾斜角度
rotate:10,
结语:
没怎么写过博客,复制代码的时候可能会有点乱,大家可以看图片进行参考,大佬有对写博客有更好建议的欢迎评论~