如何更新 NVD3 多图表的 y 轴？

Question

有一个用 NVD3 的多图构建的堆积面积图。图表中的值可以更改，我希望 y 轴根据所选值进行缩放。

如何更新 multiChart 的 yAxis？

我已经使用 forceY 更改其他 NVD3 图表中的 yAxis，但 forceY 不适用于 multiChart。

以下是几种策略。最后一个策略改变了域的值，但是新的值没有反映在图表上。

感谢您提供的任何帮助。

        //existing domain values -- to be changed
        chart.stack1.yDomain()
         => [-.1, -1.92]

        //new values that I want the y axis to use
        let [padStart, padEnd] = [.12, 0.27]; 

        //DOESNT WORK - this changes the yDomain of stack1, but does not change yAxis1.domain
        //  chart.stack1.yDomain([padStart, padEnd]);

        //DOESNT WORK - error -chart.forceY is not a function
        //  chart.forceY(padStart, padEnd);

        //DOESNT WORK - error - chart.yAxis1.forceY is not a function
        //  chart.yAxis1.forceY(padStart, padEnd);

        //DOESNT WORK - this does not change domain value
        //  chart.yAxis1.scale().domain([padStart, padEnd]);

        //WORKS -- this changes domain value, but the view doesn't update
        chart.yAxis1.domain([padStart, padEnd]);

Answer 1

多图表的正确方法是直接访问 yDomain：

chart.yDomain([padStart, padEnd])

如何更新 NVD3 多图表的 y 轴？

how to update y axis for NVD3's multichart?

javascript

data-visualization

d3.js

nvd3.js