Echarts雷达图显示单轴数据

最近总是碰到这种雷达图的需求,在雷达图中需要显示单项数据,并且需要使用富文本,这个在echarts当中2.0版本之前是可以显示单项数据,但是却没有富文本,4.0中有富文本却没有单项数据显示,并且现在对网页图表需要有高质量显示,所以肯定是需要用到echarts4.0中的svg渲染,所以只有echarts4.0能满足要求,但是无法显示单项目,那就只能更改源代码了。

在echarts4.0的文件中:
找到一个文件中名为“_showTooltipContent”的方法如下图:
111111在这里插入图片描述
找到后,最后那个formatter当中x,y原本是不存在的,图中是已经加上的,x,y是当前鼠标在图中的坐标数据,有了这个坐标数据我们就能够对应的单项数据了,这个xy的数据会出现在echarts的tooltip中formatter方法的参数中:
在这里插入图片描述
获取到坐标数据之后就可以算出鼠标对应的第几个方位,方位计算方法在网上都有,我就不做解释了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值