Question

我有一个带图例的图表，图例总是一样的。唯一随转换而变化的是图例切片的大小，与此example相同。

当我更新我的图表时，其大小会发生变化，图例也会发生变化。以下是我对传奇的看法：

var couleurs = ["#ffffb2", "#fed976", "#feb24c", "#fd8d3c", "#fc4e2a", "#e31a1c", "#b10026"];
var legende = ["0-15", "15-30", "30-45", "45-60", "60-75", "75-90", "90-100"];

    canevas.append("g").selectAll(".legende").data(legende).enter()
        .append("rect")
        .attr("class", "legende")
        .attr("width", cellPosX / 7)
        .attr("height", largeurCellule / 2)
        .attr("x", (d, i) => i * (cellPosX / 7))
        .attr("y", cellPosY + 10)
        .attr("fill", ((d, i) => couleurs[i]));

    canevas.selectAll(".legende").data(legende).transition()
        .duration(transitionTime)
        .attr("width", cellPosX / 7)
        .attr("x", (d, i) => i * (cellPosY / 7))
        .attr("y", cellPosY + 10)
        .attr("fill", ((d, i) => couleurs[i]));

    canevas.selectAll(".legende").data(legende).exit()
        .remove();

这很好用，除了图表更新时，有一段时间同时有2个图例。一个从旧位置到新位置，这是预期的，但也有一个立即出现在新位置。 Here is a very low fps gif我很快就做了一个例子。

我怎样才能让传说从最初位置转移到另一个位置，而不会立即出现在新位置？

传奇过渡不正常

0 个答案: