Echarts 设置 tooltip 背景框颜色文字颜色

设置前 vs 后:

在这里插入图片描述

          // 自定义气泡样式
          tooltip: {
            trigger: "axis",
            backgroundColor: "#2D8CF0", //设置背景颜色
            textStyle: {
              color: "white" //设置文字颜色
            },
            borderColor: "#2D8CF0", //设置边框颜色
            // 定义Y轴数值
            axisPointer: false,
            formatter: function (params) {
              // console.log(params) // 打印数据
              var showdata = params[0];
              // 根据自己的需求返回数据
              return `
                   <div>本月:${showdata.data[1]}</div>
                    <div>上月:${showdata.data[2]}</div>`
            }
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐