echarts 更改tooltip提示框CSS样式


最近 做项目,用过echarts,发现tooltip提示z-index级别很高,想更改下,看了下文档:https://www.echartsjs.com/zh/option.html#tooltip.extraCssText;

加个extraCssText属性,多个css样式用分号分开就可以了

      let option = {
        xAxis: {
          type: "category",
          data: data.x
        },
        yAxis: {
          type: "value"
        },
        series: [
          {
            data: data.data,
            type: "bar",
            smooth: true
          }
        ],

        tooltip: {
          trigger: "axis",
          formatter: function(params, ticket, callback) {
            // console.log(params, "");
            let res = `<div><div>${params[0].data.description}:${params[0].value} </div><div>日期:${params[0].data.day}</div></div>`;
            return res;
          },
          extraCssText: "z-index:4"
        }
      };

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM