В общем эта штука не работает если у tooltip position (неважно где конкретно установлен tooltip) установлены значения 'top', 'bottom', 'left', 'right', 'inside'. (версия 5.1.1)
Нужно в tooltip.position ставить функцию. Но всё же все те значения которые описаны выше можно юзать если вернуть их в функции.
Код вот:
tooltip: {
position: function (point, params, dom, rect, size) {
return 'top'
},
enterable: true,
renderMode: 'html',
appendToBody: true,
trigger: 'item' ,
formatter: (params, ticket, callback) => {
let test = () => console.log('test')
const span = document.createElement('span');
span.onclick = test;
span.textContent = 'Olala';
return span
}
}
Будет также прекрасно работать если юзать и вью элементы:
//...
formatter: (params) => {
let ComponentClass = Vue.extend(ModalInfo)
let tooltipInfo = new ComponentClass()
tooltipInfo.$mount()
return tooltipInfo.$el
}
//...
