1.悬浮默认数据
在echarts中,有时我们需要绑定一些自定义数据,然后在悬浮的时候,进行实现处理,如何实现了? 在ehcarts中,tooltip时,悬浮提示的是y轴对应的数据,如下所示 对应代码如下:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
tooltip: {
trigger: 'item'
},
series: [
{
data: [150, 230, 224, 218, 135, 147, 260],
type: 'line'
}
]
};
2.悬浮自定义数据
对应代码如下:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
tooltip: {
trigger: 'item',
formatter: params => {
// console.log('params', params)
return `${params.data.msg}`
}
},
series: [
{
// data: [150, 230, 224, 218, 135, 147, 260],
data: [{
value: 150,
msg: 'aaa'
}, {
value: 200,
msg: '好好学习'
}],
type: 'line'
}
]
};