将柱状图和比饼图上的标签裁剪成指定长度，

最新推荐文章于 2022-01-20 08:57:12 发布

Angsun40325475

最新推荐文章于 2022-01-20 08:57:12 发布

阅读量201

点赞数

分类专栏：笔记文章标签： echarts 柱状图饼图

本文链接：https://blog.csdn.net/weixin_40325475/article/details/79908544

版权

笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一、柱状图

xAxis : [ {
    type : 'category',
    data : label,
    axisLabel:{  
        interval:0,//横轴信息全部显示  
        rotate:-15,//-15度角倾斜显示  
        formatter:function(value)  
            {  
                if(value.length > 10){
                return value.substring(0,10)+"..."; 
                }
                return value.substring(0,10); 
            }
        },
} ],

效果图：

二、饼图

                  series : [ {
	                    type:'pie',
	                    radius : '55%',
	                    center: ['50%', '60%'],
	                    data: seriesData,
	                    itemStyle: { //图形样式，可设置图表内图形的默认样式和强调样式
	                        normal:{
	                          label:{
		                          show: true,  
		                          formatter:function(val){   //让series 中的文字进行换行  
		                              if(val.name.length > 10){
		                            	  return val.name.substring(0,10)+"...";
		                              }
		                        	  return val.name.substring(0,10);}  
	                          },  
	                          labelLine:{  
	                          	show: true  //标签视觉引导线，默认显示
	                          }
							},  
	                         
                        } 
	                }]

效果图：