nvd3 lineWithFocusChart调整大小时出现无效值错误

Question

时间刻度为d3.time.format的LineChart将随窗口灵活调整大小。lineWithFocusChart在绘制时从不出错，但在调整大小时会抛出许多错误：

d3.js:8756 Error: Invalid value for <rect> attribute width="NaN"

有时错误会在mouseup上停止，但很多时候它会在调整大小后继续抛出，这相当于内存泄漏。

我正在寻找一个这种图表类型的工作示例，它在响应布局中显示日期/时间，或者使用聚焦刷调整大小来处理时间数据的推荐方法

我尝试过的东西：

• 在我的数据上使用parseDate（）-无更改

• 使用不同的时间刻度-无变化

• 将图表转换设置为0-无更改

日期是Javascript日期对象，即new date（）使用nvd3:调整大小

                nv.utils.windowResize(function () {
                    chart.update();
                });

Answer 1

使用最新nvd3:的解决方法

chart.focusEnable( false );
chart.update();
chart.focusEnable( thisWidget.showZoomStrip );

其中thisWidget.showZoomStrip是我用于显示画笔的本地设置，因此它适用于常规折线图。这是可能的，因为最新的（1.8.2）结合了LineChart和LineWithFocusChart，所以我可以在调整大小时关闭画笔。