echarts中自定義tooltip的屬性是formatter，它是一個方法失暴，主要是講一下怎么將自定義的值顯示在tooltip中坯门，因為自己剛開始用的時候，還是查了半天的逗扒。
當(dāng)未定義的時候古戴，數(shù)據(jù)如下：
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
},
xAxis: [
{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: '直接訪問',
type: 'bar',
data: [10, 52, 200, 334, 390, 330, 220]
}
]
};
tooltip顯示如下：
假如說我想讓每個柱子中都添加顯示
所需天數(shù)，那么我就需要自定義tooltip矩肩，那就先加個formatter函數(shù)现恼，它主要是有個params，先看一下這個參數(shù)是個什么鬼
formatter(params) {
console.log(params)
///
}
當(dāng)hover最后一條數(shù)據(jù)的時候黍檩，輸出如下：
發(fā)現(xiàn)
data就是傳的當(dāng)前的值叉袍，那么傳值的時候給data直接加字段就可以了，把data改為
data: [{ value: 10, day: 1 },
{ value: 52, day: 10 },
{ value: 200, day: 1 },
{ value: 334, day: 13 },
{ value: 390, day: 20 },
{ value: 330, day: 21 },
{ value: 220, day: 1 }]
此時再次hover的時候刽酱，顯示就變?yōu)?br>
那么你就可以讓它顯示任何你想顯示的字段了畦韭，只需要給
data里面塞數(shù)據(jù)就好了，例如：
formatter(params) {
const item = params[0];
return `
直接訪問：${item.data.value}
所需天數(shù)：${item.data.day}
`;
},
