首页 > 其他分享 >echarts存在两个series时,tooltip限制仅显示一个

echarts存在两个series时,tooltip限制仅显示一个

时间:2022-08-18 18:11:08浏览次数:56  
标签:显示 需要 series tooltip 设置 echarts

应用场景

 

           如图,当需要用类似装饰时,需要有两个轴,两组数据,但是tooltip中应该仅显示一组。

 

解决方法

          在option下先设置一个全局的tooltip。然后再给每个series去设置tooltip,给不需要的show:false即可。

 

 

标签:显示,需要,series,tooltip,设置,echarts
From: https://www.cnblogs.com/dragonlord/p/16599688.html

相关文章

  • ECharts
    配置调整横纵坐标与边缘的距离方法一:grid:{top:"60px",bottom:"60px",left:"35px",right:"20px",},方法二:博客......
  • echarts 备忘
    1.画线参考:https://echarts.apache.org/examples/zh/editor.html?c=scatter-anscombe-quartet&lang=js示例代码constmarkLineOptFactory=(start=[0.3,0],end......
  • 如何使用echarts
    官网:https://echarts.apache.org/handbook/zh/get-started/a下载js文件并引入b实例化对象echarts.init(获取盒子对象)c设置配置项 复制修改d应用配置项setOp......
  • 在Vue中引入echarts以及使用
    在Vue中引入echarts以及使用今天来告诉大家如何将echart引入vue并巧妙利用钩子函数对表格数据进行渲染。1.引入echartsnpminstallecharts--save在vue项目中安装......
  • ECharts 添加渐变颜色和去除点位
    option={title:{text:'折线图颜色渐变'},tooltip:{trigger:'axis',axisPointer:{type:'cross',......
  • 解决echarts中横坐标值显示不全(自动隐藏)问题
    echarts中,横轴数据如果非常多,会自动隐藏一部分数据,我们可以通过属性interval来进行调整。如下图,当横轴时间为13天时,echarts会自动隔天显示   如果我们想显示全,则需......
  • 环境搭建: Vue3+Echarts5+vue-eharts + 移动端rem适配
    对于数据可视化的最后一站,就是移动数据报表的展示,毕竟手机端的适普性,便携性,灵活性更高.包括我自己也是更多在移动端进行轻量办公.而用主流的商业BI平台在PC端的......
  • vue echarts 宽度100% 显示不正常
    varchartDom=document.getElementById("chartDom");varoption={};varmyChart=echarts.init(chartDom);option&&myChart.setOption(opt......