NVD3-Angular 中 multiChart 的 Duration 属性不起作用答案

【问题标题】：Duration property for multiChart in NVD3-Angular does not workNVD3-Angular 中 multiChart 的 Duration 属性不起作用
【发布时间】：2016-01-24 17:31:04
【问题描述】：

我尝试更改 multiChart 的持续时间属性，但它不起作用。就是例子

{
  chart: {
    type: 'multiChart',
    duration: 500,
    ...
  }
}

http://plnkr.co/edit/ohZDWMq4zxear9V98ItO?p=preview

【问题讨论】：

标签： angularjs nvd3.js angular-nvd3

【解决方案1】：

angular-nvd3 是 nvd3 的封装，它只能提供 nvd3 提供的东西。查看 nvd3 文档，似乎没有多图表的持续时间选项。

http://nvd3-community.github.io/nvd3/examples/documentation.html#multiChart

更新：multiChart 由六个子图（lines1、lines2、bars1、bars2、stack1 和 stack2）组成。这些图表中的每一个都有自己的持续时间选项。

所以对于 lines1、lines2、bars1、bars2、stack1 和 stack2，您可以设置持续时间。你可以得到你想要的行为。

{
  chart: {
    type: 'multiChart',
    ...
    bars1: {
      duration: 2000
    },
    bars2: {
      duration: 2000
    },
    ...
  }
}

http://plnkr.co/edit/23FZtmOeX46PZDAW5XIi?p=preview

我认为这里有两个错误。

nvd3 的多图表模型应该有一个设置所有子图表持续时间的主持续时间选项
在修复之前，angular-nvd3 的多图表示例应该设置子图表的持续时间选项

【讨论】：