Echart中y轴数据超出的处理

最新推荐文章于 2024-05-16 15:01:58 发布

JessicaLilyAn

最新推荐文章于 2024-05-16 15:01:58 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术Ren-Echarts应用文章标签： echarts

本文链接：https://blog.csdn.net/ljy_1024/article/details/124189079

技术Ren-Echarts应用专栏收录该内容

6 篇文章

订阅专栏

本文探讨了如何通过自定义轴标签格式，实现超过一万的数据以'万'为单位显示，并隐藏滑块轴指针，提供清晰易读的图表展示。着重于前端数据可视化设计细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果：

type:'value',
 axisLabel:{/自定义刻度格式，大于10000的时候，显示格式为value/10000+万/
	formatter:function(value){
		var txt=[];
		if(value>=10000){
			txt.push(value/10000+'万');
		}else{
			txt.push(value);
		};
		return txt;
	}
},
 axisPointer:{
    show:false,/x轴，y轴中滑块的显示和隐藏/
	label:{
	     color:'#993d3d',
		 backgroundColor:'white',
		 formatter:'{value}元'
	}
}