javascript - 如何使用D3控件获取组中的选定路径索引？

单击路径时如何更改笔触颜色。

而且在单击后，我想在销毁并创建相同的组后保持相同的路径并更改笔触颜色。

<g id="grproot">
    <path class="mapshape"  stroke="white" stroke-width="0.5" d="m241,9483290">
    <path class="mapshape"  stroke="white" stroke-width="0.5" d="m241,9483290">
    <path class="mapshape"  stroke="white" stroke-width="0.5" d="m241,9483290">
    <path class="mapshape"  stroke="white" stroke-width="0.5" d="m241,9483290">
    <path class="mapshape"  stroke="white" stroke-width="0.5" d="m241,9483290">
</g>

最佳答案

一种方法是设计这样的自定义色标：

var color = d3.scale.ordinal()
    .domain(["one", "two", "three"])
    .range(["#fff","#000","#333"]);

然后，您需要为每个路径分配一个“状态”，即：“一个”，“两个”或“三个”，然后根据该路径为路径上色。

当发生点击事件时，您将更改数据集，以使“状态”为您想要的任何颜色。这将在破坏/重新创建同一组时保留颜色。

希望这可以帮助。

关于javascript - 如何使用D3控件获取组中的选定路径索引？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24668307/