echart常用配置项tooltip

最新推荐文章于 2024-09-20 15:52:37 发布

Alisane

最新推荐文章于 2024-09-20 15:52:37 发布

阅读量1.3k

点赞数 3

分类专栏： echarts

本文链接：https://blog.csdn.net/wsymcxy/article/details/111830273

版权

本文深入探讨了ECharts图表中tooltip的常用配置项，包括如何自定义样式、设置触发方式、跟随鼠标移动等，帮助开发者实现更丰富的图表交互体验。

摘要由CSDN通过智能技术生成

tooltip ={                                  //提示框组件
    trigger: 'item',                        //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
    triggerOn:"mousemove",                  //提示框触发的条件,'mousemove'鼠标移动时触发。'click'鼠标点击时触发。'mousemove|click'同时鼠标移动和点击时触发。'none'不在 'mousemove' 或 'click' 时触发
    showContent:true,                       //是否显示提示框浮层
    alwaysShowContent:true,                 //是否永远显示提示框内容
    showDelay:0,                            //浮层显示的延迟，单位为 ms
    hideDelay:100,                          //浮层隐藏的延迟，单位为 ms
    enterable:false,                        //鼠标是否可进入提示框浮层中
    confine:false,                          //是否将 tooltip 框限制在图表的区域内
    transitionDuration:0.4,                 //提示框浮层的移动动画过渡时间，单位是 s,设置为 0 的时候会紧跟着鼠标移动
    position:['50%', '50%'],