这个小图标就是tooltip的配置项 tooltip:{} //默认样式
自定义显示数据
如果没有自定义的属性可以 只是写data [1254,1551,574,10]…
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>123</h1>' //自定义元素 } }
params里的值
设置触发类型 悬浮框显示的方式
鼠标到柱子上触发
trigger: 'item'//默认
坐标轴触发 鼠标居然到列显示
trigger: 'axis'//坐标轴触发
坐标轴指示器
axisPointer: { type: 'line'//默认效果 }
十字准星效果
type: 'cross'//默认效果
阴影效果
type: 'shadow'//阴影效果
设置悬浮层样式 背景颜色 字体
backgroundColor: 'red',//背景颜色 textStyle: { color: 'white',//字体颜色 }, //......
关闭显示悬浮框
关后将不会显示上面的那个悬浮框
showContent: false