Фокус + контекстный масштаб для нескольких графиков на той же странице

Question

У меня есть графики «n» на моей веб-странице (одна). Теперь у меня есть требование добавить общую панель, которая отвечает за масштабирование всех графиков за раз, а событие onclick() на любом графике приводит к вертикальной линии, разрезающей все графики .. !!!

Я понятия не имею, как это сделать, поэтому никакого кода с моей стороны. Извини за это. Но да, часть графа была покрыта, и я могу отображать все графики на основе выбора пользователя.

Пожалуйста, помогите мне с этими двумя требованиями, или любые ссылки или указатели также будут оценены.

Answer 1

Я уверен, что вы видели это example справа? В brushed обратного вызова:

function brushed() { 
    x.domain(brush.empty() ? x2.domain() : brush.extent()); 
    focus.select(".area").attr("d", area); 
    focus.select(".x.axis").call(xAxis); 
} 

Это установка домен x, применяя которые к оси участка и перерисовка площади схемы сюжета.

Просто расширить это:

function brushed() { 
    // shared x domain of plots, update extent 
    x.domain(brush.empty() ? x2.domain() : brush.extent()); 
    // adjust plot 1 
    plot1.select(".area").attr("d", area); 
    plot1.select(".x.axis").call(xAxis); 
    // adjust plot 2 
    plot2.select(".line").attr("d", line); 
    plot2.select(".x.axis").call(xAxis); 
    // etc... 
}