这个小图标就是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