D3.js 在不破坏贴图连续性的情况下使用css居中*选定元素*：dc.js

除了使用css，我还没有找到使用crossfilter、dc.js确定所选元素的方法

我的目标是在查看窗口中将选定的元素居中，下面的代码实现了这一目标，但是，它是通过将其从较大的地图上撕下并定位在中心来实现的-这是而不是我想要的

这是它的样子， 选择前：

选择后：

这是执行此行为的代码：

    /*highlight selected country*/
    g.selected path {
        stroke: yellow;
        stroke-width: 2px;
        fill: #ff69b4;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

---

如何以更合理的方式实现这一点，使地图保持在一起，并且所选元素优雅地将自身重新定位到查看分区的中心

我不熟悉这一点，但我确实发现了一个演示，它似乎在做你想要的：是的，但我认为它没有使用交叉过滤器，是吗？好吧，这是失控的。今后，请编辑您的原始问题，而不是张贴三次。但是，我尝试的本质是不断演变的，你知道，所以它们是微妙不同的问题。我从不同的角度来处理这个问题，但我认为最好还是把它们放在这里，因为不同的程序员可能会以一种方式来看待这个任务，而另一种方式则不同，你知道我的意思吗？如果你不这么认为，那么我会删除其他的。