Hi,
I’m facing an issue with when I use google-charts in vaadin tabs second tab. First tab is fine but second tab make the charts distorted.
<vaadin-tabs selected="{{page}}">
<vaadin-tab>Data</vaadin-tab>
<vaadin-tab>Charts</vaadin-tab>
</vaadin-tabs>
<iron-pages selected="[[page]
]">
<page>
<h1>Data Page</h1>
</page>
<page>
<google-chart
type='pie'
options='{"title": "Blah", "legend" : {"position" : "bottom", "alignment": "center"}}'
cols='[{"label":"Test", "type":"string"}, {"label":"Score", "type":"number"}]
'
rows='[["Data 1", 31]
,["Data 2", 28]
,["Data 3", 31]
,["Data 4", 31]
,["Data 5", 31]
]'>
</google-chart>
</page>
</iron-pages>