Использование DateTime в Polymer Google Web Components

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"), ...).

Все удалось со следующим сообщением об ошибке:

Error: Type mismatch. Value 2012-03-19T07:22:00Z does not match type datetime in column index 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> 

Values in attributes are always strings. If you want Polymer to convert an attribute string to another type, you have to hint the type you want.