Echart--tooltip

这就是一个提示信息,当鼠标经过某一个区域时,有一个信息框

用的比较多的其实是到底展示什么样的内容

常用的参数

trigger:'axis'(如果不设这个值好像就不会显示提示信息)
formatter:这个值想具体的聊一聊

之前画过一个饼图,显示的是百分比,而实际传递参数是,传递的其实是一个float数值,且没有百分号,想在每个数据后面加上一个“%”,然后就呵呵哒了。。
解决:
[color=red]formatter:{b}</br>{a}:{c}%[/color]
这里的b指的是x轴的下标,a是该组数据的name,c是该组数据当前位置的值
然后是这样的一个效果
[img]http://dl2.iteye.com/upload/attachment/0111/5367/cf17ebe3-1904-37b1-9e20-e21cfb1de0b9.png[/img]

在做项目的过程中,还用到了堆积条形图,同样也需要在数据后面加上“%”,而且要求提示信息是整个横条的内容,如下图所示
解决:
[color=red]formatter:{b}</b>{a0}:{c0}%</b>{a1}:{c1}%</b>{a2}:{c2}%</b>{a3}:{c3}%[/color]


[img]http://dl2.iteye.com/upload/attachment/0111/5369/e1e96117-de65-349c-8796-30919c82f0dc.png[/img]


对于这里的数据a[]和数组c[],我觉得这个不是series中的一组数据,而是x轴的每一个位置上面的数据重新组合而形成的数组。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值