在Polymer中禁用Charts.js动画？

Question

我正在使用来自here的Charts.js端口的Polymer。我似乎无法弄清楚如何在Charts.js中应用通常可用的options。我想禁用动画，所以我这样做：

<chart-line data="[[data]]" options$=[[optionsData]]>lol</chart-line>

并在Polymer构造函数中：

this.optionsData = "options:{animation:{duration: 0}}"

这不起作用。我该如何申请？

Answer 1

<chart-line>.options需要Object，这意味着optionsData应为Object。您已为该属性分配了string（以及该格式的格式错误的JSON字符串），但您应该像这样分配实际的JSON对象：

constructor() {
  super();
  this.optionsData = {animation: {duration: 0}};
}

或更简单：

constructor() {
  super();
  this.optionsData = {animation: false};
}

demo