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
							},
						}

  • 4
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值