В настоящее время у меня есть легенда, которая при наведении курсора изменяет состояние связанного ряда, который находится в процессе перемещения. Вместо этого я хотел бы, чтобы он оставил цвет по умолчанию для наведенной серии и выделил серым цветом все остальное (элементы легенды и серии не находились) Я приложил изображение в качестве примера. Как я могу настроить свой текущий код, чтобы быть в состоянии достичь этого?
legendContainer.togglable = false;
newChart.legend.itemContainers.template.events.on('over', function(ev) {
toggleSeries(ev.target.dataItem?.dataContext, true);
});
newChart.legend.itemContainers.template.events.on('out', function(ev) {
toggleSeries(ev.target.dataItem?.dataContext, false);
});
function toggleSeries(series: any, over: any) {
series.segments.each(function(segment: any) {
segment.isHover = over;
});
}
let segment = newSeries.segments.template;
segment.interactionsEnabled = true;
let hs = segment.states.create('hover');
hs.properties.stroke = am4core.color('gray');
hs.properties.fillOpacity = 0.8;
чего я хочу достичь