echarts 怎么在鼠标悬浮事件上自定义

echarts 怎么在鼠标悬浮事件上自定义,第1张

悬浮框可以在:option.tooltip{}里 *** 作

例子:tooltip: {

formatter:function (params) {

var value = "值:" + params.value,

name = "名字:"+ params.name

return name + "<br/>"+value

}

},

formatter也可以直接写成:

formatter: '{b}<br/>{c}' // {a}, {b},{c},{d},{e},分别表示系列名,数据名,数据值等

可以直接在官网配置项里搜索对应的参数查看具体的配置信息:网页链接

data中都是可以自定义属性的,例如:\x0d\x0adata:[\x0d\x0a{value:0, name:'打开', myId:4},\x0d\x0a{value:0, name:'离线', myId:5},\x0d\x0a{value:0, name:'关闭', myId:6},\x0d\x0a],\x0d\x0aChart.on('click', function (params) {\x0d\x0aalert(params.data.myId)//输出自定义的myId值\x0d\x0a})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8008017.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存