echarts中formatter配合rich使用

最新推荐文章于 2024-08-02 11:36:35 发布

原创最新推荐文章于 2024-08-02 11:36:35 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

echarts 专栏收录该内容

1 篇文章

订阅专栏

该内容描述了如何使用formatter来格式化文本，包括设置名称的样式，如lineHeight、width、对齐方式和背景图片等。这适用于创建具有特定样式的inline-block元素。

formatter:[
		'{名称|...}',
		'...',
		...
	].join('\n'),
	rich:{
		名称:{
			对该名称|后的文本进行添加样式,且可以看成inline-block
			lineHeight: 10
			width:10,
			align:'left|center|right',			
			verticalAlign:'top|middle|bottom'	在lineHeight被决定后,竖直位置由verticalAlign来指定	
			backgroundColor: {	使用图片
	            image: './data/asset/img/weather/sunny_128.png'
	        },
		}
	}