echarts tooltip显示设置

最新推荐文章于 2024-06-27 14:57:58 发布

波塞冬次打次

最新推荐文章于 2024-06-27 14:57:58 发布

阅读量1.4k

点赞数 1

分类专栏：笔记文章标签： echarts javascript ecmascript

本文链接：https://blog.csdn.net/weixin_44683763/article/details/126134563

版权

笔记专栏收录该内容

88 篇文章 1 订阅

订阅专栏

echarts tooltip显示设置

   tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow',
          },
          textStyle: {
            fontSize: '42',
          },
          formatter: function (params) {
            // console.log(params)
            // var result = ''
            // params.forEach(function (item) {
              // result +=
              //   item.marker +
              //   ' ' +
              //   item.seriesName +
              //   ' : ' +
              //   item.value +
              //   '</br>'
              // result += item.seriesName + ' : ' + item.value + '</br>'
            // })

            return (
              params[0].name +
              '</br>' +
              '<span style="display:inline-block;margin-right:15px;width:30px;height:30px;background-color:#3BC388"></span>' +
              params[0].seriesName +
              ' : ' +
              params[0].value +
              '</br>' +
              '<span style="display:inline-block;margin-right:15px;border-radius:50%;width:30px;height:30px;background-color:#CCC749"></span>' +
              params[1].seriesName +
              ' : ' +
              params[1].value
            )
          },
        },