您认为以下手表导致了问题,这是正确的:
// Watching on data changing
scope.$watch('data', function (newData, oldData) {
if (newData !== oldData && scope.chart) {
if (!scope._config.disabled && scope._config.autorefresh) {
scope._config.refreshDataOnly && scope.chart.update ? scope.chart.update() : scope.api.refresh(); // if wanted to refresh data only, use chart.update method, otherwise use full refresh.
}
}
}, scope._config.deepWatchData);
问题是,如果你在这个函数中添加一个日志来查看新旧数据,那么数据实际上是在变化的。
单击其中一个点时,nvd3将向数据添加颜色属性。
旧数据:
[{"key":"Battery Voltage","values":[{"x":1439419440000,"y":90,"series":0},{"x":1439419440000,"y":43,"series":0},{"x":1439419440000,"y":345,"series":0},{"x":1439167620000,"y":73,"series":0},{"x":1439167620000,"y":42,"series":0},{"x":1439167620000,"y":36,"series":0},{"x":1440010740000,"y":32,"series":0},{"x":1439419440000,"y":62,"series":0},{"x":1439167620000,"y":73,"series":0},{"x":1439167620000,"y":42,"series":0},{"x":1439167620000,"y":36,"series":0}]}]
新数据:
[{"key":"Battery Voltage","values":[{"x":1439419440000,"y":90,"series":0,"color":"#1f77b4"},{"x":1439419440000,"y":43,"series":0,"color":"#1f77b4"},{"x":1439419440000,"y":345,"series":0},{"x":1439167620000,"y":73,"series":0},{"x":1439167620000,"y":42,"series":0},{"x":1439167620000,"y":36,"series":0},{"x":1440010740000,"y":32,"series":0},{"x":1439419440000,"y":62,"series":0,"color":"#1f77b4"},{"x":1439167620000,"y":73,"series":0},{"x":1439167620000,"y":42,"series":0},{"x":1439167620000,"y":36,"series":0}],"color":"#1f77b4","value":90}]
每次单击一个新点时,颜色属性都会添加到对象中,因此监视功能实际上正在正确运行。
我建议在
https://github.com/krispo/angular-nvd3
**编辑-只是为了澄清,添加ng点击时发生这种情况的原因是因为这会迫使Angular摘要循环运行,从而触发手表。