У меня проблемы с отменой выбора выбранных лент в аккорде D3.js. Я хочу сделать это, нажав за пределами аккорда. У меня не было проблем с распознаванием определенных элементов аккорда, но я не знаю, что мне следует использовать для обработки события вне диаграммы. На данный момент мое событие «click» работает со всеми контейнерами SVG, даже с элементами аккордов. Я забочусь о методе stopPropagation (), но не знаю, как использовать его в моем случае (я не уверен, что это правильный путь).
this.svg = d3.select('#svg4');
Это мой SVG, а потом я нажму на событие:
this.svg.on('click', blank => {
this.pluginsArray.forEach((p: any) => {
const plugin = p as ChordPlugin;
if (plugin.onBlankClick) {
plugin.onBlankClick(ChordHoverElement.BLANK);
}
});
});
И метод в моем плагине:
onBlankClick(chordHoverElement): any {
if (ChordHoverElement.BLANK) {
console.log("is this works?")
}
}
Есть идеи, как мне с этим справиться?