echarts设置特殊背景的几种方法

	实现的逻辑是通过给图形的某个区间添加样式来实现特殊背景,重点在于区间的选取
	展示是设置的x轴,y轴同理可得,同时设置xy即可框取出区域
	配置的具体参数为 series.markArea.data
	
	注意: 
		1:几种方式都可以搭配特殊值使用,如max、min、average
		2:特殊值是表里数据的极值,例 y:'max' 是指图表里[y轴数据的最大值],而不只指[y轴坐标轴的最大值]

通过x轴的值

在这里插入图片描述

通过x轴的index

在这里插入图片描述

通过x轴的百分比和像素

要注意这两种都是从图形的整个大小去计算的,不是从x轴起点计算的

百分比

在这里插入图片描述

像素

在这里插入图片描述

通过两个点的坐标值

coord: [‘C’, ‘max’]:因为y轴的最大值为 [G,260] ,所以就等价于 coord: [‘C’, ‘260’]
在这里插入图片描述
参考:
官方文档
测试地址

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值