Echarts tooltip配置项的属性图表悬浮框

本文介绍: 如果没有自定义的属性可以只是写data [1254,1551,574,10]…series: {//图表配置项如大小，图表类型 name: ‘图表名字’,type: ‘bar‘,//图表类型 d ata: [{},},},}, {}]//自定义属性},tooltip: {// return ‘123’ //自定义元素 params里的值。

 series: {//图表配置项 如大小，图表类型

            name: '图表名字',
            type: 'bar',//图表类型
            data: [{
              value: '454',
              time: '2012-11-12'
            },
            {
              value: '898',
              time: '2020-5-17'
            },
            {
              value: '514',
              time: '2022-1-22'
            },
            {
              value: '548',
              time: '2013-1-30'
            }, {
              value: '518',
              time: '2012-11-12'
            }]
            //自定义属性 

          },
            tooltip: {

			 formatter(params) {
              
              console.log(params)

              return params.data.time
              
              // return '<h1&gt;123</h1&gt;' //自定义元素
            }


          }

在这里插入图片描述

params里的值
在这里插入图片描述

鼠标到柱子上触发

 trigger: 'item'//默认

在这里插入图片描述

坐标轴触发 鼠标居然到列显示

 trigger: 'axis'//坐标轴触发

在这里插入图片描述

			axisPointer:
            {
              type: 'line'//默认效果
            }

   type: 'cross'//默认效果

type: 'shadow'//阴影效果

backgroundColor: 'red',//背景颜色
textStyle: {
  color: 'white',//字体颜色  
},
//......

  showContent: false

显示所有内容

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

tooltip 图表自定义

自定义显示数据

设置触发类型悬浮框显示的方式

坐标轴指示器

设置 悬浮层样式背景颜色字体

关闭显示悬浮框

发表回复取消回复

自定义显示数据

设置触发类型 悬浮框显示的方式

坐标轴指示器

设置悬浮层样式 背景颜色 字体

关闭显示悬浮框

相关文章

发表回复 取消回复

设置触发类型悬浮框显示的方式

设置悬浮层样式背景颜色字体

发表回复取消回复