Вот мой jsfiddle https://jsfiddle.net/dibyendu/3b0rjpe4/. Основываясь на clicked donut text, я хочу обновить свой bar chart ниже. Если onclicktext очереди red, то bar следует спрятать, и если onclicktext очереди black, то bar должен быть показан снова.Таблица d3.js не обновляется на основе события click
Я знаю, что вопрос с
selection.exit().remove();
которого я не знаю, где мне не хватает здесь. Заранее спасибо.
Наконец, я могу исправить это здесь https://jsfiddle.net/dibyendu/czfg562r/.
После нажатия удалены все Чайлдс под этим svg по
svg.selectAll("*").remove();
Попробуйте сделать что-то подобное d3.select('#'+ids).remove(); где ids - это id d.id, который вы используете для привязки диаграммы. Так что всякий раз, когда вы нажимаете на свою круговую диаграмму, ваш старый DOM заменяется новыми элементами DOM. Больше по сравнению с классом места в конкретном элементе, который вы заменяете, или просто поместите класс в svg и замените его новым svg примерно следующим образом: d3.select("svg").remove();.
Если я делаю это 'd3.select (" svg ").(); 'он удалит' svg'. Но на самом деле я хочу его заменить. – curiousguy
Чтобы сделать это, я бы даже не использовать 'selection.exit() удалить();.' Я хотел бы дать каждый выбор класса, то на клике показывают, что определенный класс и скрыть все остальные. Я приведу пример, если это поможет – thatOneGuy
Но поможет ли моя диаграмма диаграммы изменить порядок? Если я скрою и покажу на основе класса, тогда порядок не будет изменен правильно. Бары будут в одном месте. Мысли? – curiousguy
изменить порядок? Что вы имеете в виду ? – thatOneGuy