Javascript 使用D3使axis为添加新项目设置动画

Javascript 使用D3使axis为添加新项目设置动画,javascript,d3.js,Javascript,D3.js,我有一个水平轴,它以刻度作为输入: xScale = d3.scale.ordinal() .domain(_.range(bars.length)) .rangeRoundBands([0, 500]); 我想知道是否有可能使右边添加的两个项目以与现有项目相同的方式进行动画制作 我希望新项目出现在垂直轴上:不确定。。。在本例中,您提供的域完全更改(特别是因为刻度大小是固定的)首先将两个新项目添加到图表中。绘制图表。考虑到域不包括这些项,图表将保持不变

我有一个水平轴,它以刻度作为输入:

    xScale = d3.scale.ordinal()
        .domain(_.range(bars.length))
        .rangeRoundBands([0, 500]);

我想知道是否有可能使右边添加的两个项目以与现有项目相同的方式进行动画制作


我希望新项目出现在垂直轴上:

不确定。。。在本例中,您提供的域完全更改(特别是因为刻度大小是固定的)首先将两个新项目添加到图表中。绘制图表。考虑到域不包括这些项,图表将保持不变。最后更新xScale的域并呈现图表。使用axis组件不容易--您需要修改该组件的源代码。对此不确定。。。在本例中,您提供的域完全更改(特别是因为刻度大小是固定的)首先将两个新项目添加到图表中。绘制图表。考虑到域不包括这些项,图表将保持不变。最后更新xScale的域并呈现图表。使用axis组件不容易——您需要修改它的源代码。