聚焦+基于上下文的缩放，用于同一页面中的多个图形

Question

我的网页上有'n'个图表（单个）。现在我需要添加一个公共栏，它负责一次缩放所有图形，任何图形上的onclick（）事件都会产生垂直线切割所有图形.. !!!

我不知道怎么做这些东西，所以没有我身边的代码。对于那个很抱歉。但是，图表部分已被覆盖，我可以根据用户选择显示所有图表。

请帮助我解决这两个要求，或者也欢迎任何链接或指示。

Answer 1

我确定你已经看到了this question这个对吗？在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... } 域，将其应用于绘图的轴并重绘绘图的面积图。

只需延伸一下：

new java.text.SimpleDateFormat("yyyy-MM-dd kk:mm:ss a").format(new Date())