Линейный график extjs, выделение линии при наведении мыши на не работает
В моем линейном графике extjs6 я пытаюсь выделить линию при наведении мыши и не могу заставить ее работать. Может кто-нибудь, пожалуйста, укажите мне в правильном направлении? Я динамически добавляю около 40 строк в коде. Вот как я создаю диаграмму.
это мнение
xtype: 'chart',
title: 'Cumulative P&L Per Instrument',
itemId: 'chartId',
margin: 5,
width: '100%',
flex: 1,
legend: {
docked: 'bottom'
},
interactions: {
type: 'crosszoom',
zoomOnPanGesture: false
},
insetPadding: '40 40 20 20',
axes: [
{
type: 'numeric',
position: 'left',
//fields: ['cumulativePl'],
title: 'Pl',
grid: true
}, {
type: 'time',
position: 'bottom',
fields: ['filedate'],
title: 'Filedate',
grid: true,
label: {
rotate: {
degrees: -40
}
}
}
]
}
это в моем контроллере, где я добавляю серию динамически
var series = {
type: 'line',
axis: 'left',
xField: 'filedate',
yField: 'cumulativePl',
store: targetStore,
title: groupName,
tooltip: {
trackMouse: true,
renderer: 'onSeriesTooltipRender'
}
};
chart.addSeries(series);
chart.redraw();