首页 前端知识 echarts设置特殊背景的几种方法

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

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

几种区间选择方式

  • 通过x轴的值
  • 通过x轴的index
  • 通过x轴的百分比和像素
    • 百分比
    • 像素
  • 通过两个点的坐标值

通过x轴的值

在这里插入图片描述

通过x轴的index

在这里插入图片描述

通过x轴的百分比和像素

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

百分比

在这里插入图片描述

像素

在这里插入图片描述

通过两个点的坐标值

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14708.html
标签
评论
发布的文章

RapidJSON介绍

2024-08-14 00:08:38

jQuery 4 beta 震撼发布

2024-08-14 00:08:36

cJSON的使用

2024-08-14 00:08:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!