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

时间:2016-01-24 17:31:04

标签: angularjs nvd3.js angular-nvd3

我尝试更改multiChart的duration属性,但它不起作用。 这是例子

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

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

1 个答案:

答案 0 :(得分: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

我认为这里有两个错误。

  1. nvd3的多图模型应具有设置所有子图持续时间的主持续时间选项
  2. 直到该修复,angular-nvd3的多图示例应设置子图的持续时间选项