echarts 图形的tooltip

记忆-碎片 2014-12-12 01:33:29

echarts的图形的tooltip 怎样可以设置为当鼠标移动到tooltip上时，tooltip不消失，当鼠标移出tooltip消失，请大神赐教。。

...全文

928 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_25662769 2017-01-19

打赏
举报

回复

tooltip: { show: true, trigger: 'item', showDelay: 0, // 显示延迟，添加显示延迟可以避免频繁切换，单位ms axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'line' // 默认为直线，可选为：‘line‘ | ‘shadow‘ } },

qq_25662769 2017-01-19

打赏
举报

回复

qq_25662769 2017-01-19

打赏
举报

回复

记忆-碎片 2014-12-15

打赏
举报

回复

设置tooltip.enterable 为true

有时候会遇到那种需求，在tooltip中展示很多相关数据，或者是点击图形，带着一些相关数据去下钻。只要有拿的到的数据，在给对应data值的时候，使用对象push进去，图形的数值只会取value字段对应的值； options.serises[0].data.push( {name: "XXX"}, {status: "doing"}, {type: "start"}, {id: "1234"}, {value: 88}, ), options.seri

数据图形，你还在用canvas绘制吗？你想让页面立马高大上吗？你还在担心学习难度大吗？不要担心，五分钟教会你快捷制作各类炫酷的数据图形，客官请赏个眼往下看。官网是最好的老师，链接：https://echarts.apache.org/zh/index.htmlecharts其实就是渲染canvas，厉害的是团队封装的好。数据按固定格式(格式多样)给过去即可，还可以自定义样式。入门：打开官...

【代码】44、echarts图形自动轮播tooltip提示，并显示高亮。

效果一：效果二：主要知识点：tooltip{}该配置项为：提示框组件相关设置效果一实现代码 tooltip: {//提示框组件 trigger: 'item', //item数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' }, formatter: '{a} <

size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：{contentSize: [width, height], viewSize: [width, height]}。rect: 只有鼠标在图形上时有效，是一个用x, y, width, height四个属性表达的图形包围盒。tooltip.position：提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。params: 同 formatter 的参数相同。point: 鼠标位置，如 [20, 40]。

10,611

社区成员

29,027

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章