zoukankan      html  css  js  c++  java
  • 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"
            }
          };
  • 相关阅读:
    主函数main
    static关键字
    this关键字
    构造函数
    封装
    匿名对象
    java基础积累
    JAVA相关知识复习
    ORACLE数据库表空间查询
    两个日期的时间差
  • 原文地址:https://www.cnblogs.com/huzhuhua/p/11799837.html
Copyright © 2011-2022 走看看