编程知识 cdmana.com

echarts formatter {a,b,c,d}的含义及用法

表示的含义如下: 

折线(区域)图、柱状(条形)图: a(系列名称),b(类目值),c(数值), d(无) 
 
散点图(气泡)图 : a(系列名称),b(数据名称),c(数值数组), d(无) 
 
饼图、雷达图 : a(系列名称),b(数据项名称),c(数值), d(百分比) 
 
弦图 : a(系列名称),b(项1名称),c(项1-项2值),d(项2名称), e(项2-项1值)

使用的方法:

除了,使用这几个固定的formatter字母外,我们还可以使用自定的值

						// formatter,自定义展示的内容,其中p,q为自己定义的值,item.p为p的值,    \n 表示换行的意思
						formatter: '{b|{b}}\n{p|P:' + item.p + 'KW}\n{q|Q:' + item.q + 'KW}',
						backgroundColor: { // label的背景
							image:bgcolor,
						},
						borderColor: '#aaa',
						borderWidth: 1,
						borderRadius: 4,
						rich: {  // rich可以设置p q b 的样式,即 | 左侧定义的内容
							p: { // 自定义的p的样式
								color: '#3c3c3c',
								lineHeight: 22,
								align: 'center'
							},
							q:{ // 自定义的q的样式
								color: '#3c3c3c',
								lineHeight: 22,
								align: 'center'
							},
							b: { // b的样式
								color: '#000',
								fontSize: 14,
								lineHeight: 20
							},
						}

版权声明
本文为[逆风优雅]所创,转载请带上原文链接,感谢
https://blog.csdn.net/qq_44603011/article/details/126156789

Scroll to Top