Question

我正在使用google-chart组件，并希望在我的某个列中使用DateTime。我无法弄清楚如何传递价值。我的代码如下所示：

<google-chart
    type='line'
    options='{"legend": "none"}'
    cols='[{"label":"Dates", "type": "datetime"}, {"label":"Numbers", "type": "number"}]'
    rows='[["2012-03-19T07:22:00Z", 73628]]'>
</google-chart>

上面代码中的“DateTime”是我最近的尝试，也不起作用。我尝试了多个不同的版本（例如"2012-04-21T18:25:43-05:00"，DateTime("Mon, 25 Dec 1995 13:30:00 GMT")，...）。

全部失败并显示以下错误消息：

错误：类型不匹配。值2012-03-19T07：22：00Z与列索引0
中的类型日期时间不匹配

如果有人能告诉我如何传递价值，我将非常感激。

Answer 1

实时示例，如Plunk或JSbin，将主要帮助回答这个问题。但是，通常需要将值转换为日期类型：

  ...
  rows='[[rows_date, 73628]]'>
  ...

 <script>
    Polymer({

       rows_date: new Date(),
       //or
       domReady: function(){
         this.rows_date = new Date(this.rows_date);
       },
    });
 </script>

属性中的值始终是字符串。如果你想要聚合物将属性字符串转换为另一种类型，您必须提示类型你想要的。

在Polymer Google Web Components中使用DateTime

1 个答案: