标签: ng2-nvd3

nvd3 Angular2动态更改图表选项

我正在使用nvd3 for angular2,我试图在初始化之后动态地更改图表选项(yDomain).

this.options = {
  chart: {
    type: 'lineChart',
    x: function(d){return d.x;},
    y: function(d){return d.y;},
    yDomain: [1, 2],
Run Code Online (Sandbox Code Playgroud)

我已经尝试过了:

this.options.chart.yDomain = [0.1,0.2];
Run Code Online (Sandbox Code Playgroud)

任何帮助表示赞赏.

charts ng2-nvd3 angular

5
推荐指数
1
解决办法
676
查看次数

当ng2-nvd3图表不在视图范围内时,大小的浏览器错误会发生变化

虽然使用ng2-nvd3结合角度2路由功能,我注意到控制台充满了以下错误:

d3.min.js:1 Error: <g> attribute transform: Expected number, "translate(NaN,5)"
Run Code Online (Sandbox Code Playgroud)

我设法将问题指向一个用例:

  • 将路径出口更改为指向具有ng2-nvd3图表的路线
  • 将其更改回指向没有ng2-nvd3图表的路线
  • 更改窗口的大小(或开发人员控制台的大小)
  • 在控制台中查看错误

这个可以很容易地用这个plunker重现:

  • 打开开发者控制台
  • 单击"图表"链接
  • 单击"无图表"链接
  • 更改开发人员控制台(或浏览器窗口的大小 - 相同的效果) - 确保释放鼠标按钮而不仅仅是更改大小.
  • 控制台中出现错误

怎么能避免这个错误?

nvd3.js angular2-routing ng2-nvd3 angular

2
推荐指数
1
解决办法
552
查看次数

标签 统计

angular ×2

ng2-nvd3 ×2

angular2-routing ×1

charts ×1

nvd3.js ×1