Как мы можем фильтровать диаграммы с помощью наведения карты, используя dc.js и листовки

Question

Я нашел флэш-фильтр от этого

адрес. Если вы отметите это, вы увидите, что при наведении мыши на карту или на другие графики происходит фильтрация каждого элемента. Я хочу сделать это с dc.js и листовками.

Как мы можем это сделать?

Answer 1

Вот начало ответа, полностью непроверенное. Я гарантирую, что это потребует некоторой отладки и модификации, но я надеюсь, что это даст вам старт.

chart.renderlet(function(chart) {
  chart.selectAll('rect').on("mouseover", function(d) {
    chart.filter(d.datum.key);
  });
});

В зависимости от типа диаграммы вам нужно будет изменить 'rect' к каким элементам диаграммы вы хотите, чтобы вы наводили курсор. Вы можете узнать это, изучив DOM в инструментах разработчика вашего любимого браузера. Например, для geoChoropleth это будет 'g.layer0' или же 'g.layer1', так далее.

Надеюсь это поможет!