Как распознать пустое место в D3.js SVG с диаграммой аккордов? - PullRequest
0 голосов
/ 08 мая 2019

У меня проблемы с отменой выбора выбранных лент в аккорде 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?")
    }
}

Есть идеи, как мне с этим справиться?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...