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