A simple google-chart
looks like this:
Charts can be resized with CSS, but you'll need to call the drawChart
method when the size changes.
Here's a basic responsive example using only CSS and JS. You could also use <iron-media-query>
.
Here's a chart that changes data every 3 seconds:
Here's a pie chart with an area selection:
Here's a chart defined using data
, rather than rows
and cols
:
And one with some pretty complicated styling, where the data is loaded from an external JSON resource using the data
attribute:
Website traffic data by country from an external JSON resource where the data is in raw DataTable format.
Here's an area chart:
Here's a bar chart:
Here's a bubble chart:
Here's a candlestick chart:
Here's a column chart:
Here's a combo chart:
Here's a geo chart:
Here's a histogram:
Here's a line chart:
Here's a pie chart:
Here's a scatter chart:
Here's a stepped area chart:
Here's a table chart:
Here are three gauges:
Here are three gauges with random data that change every three seconds:
Here's a treemap:
Here's an image of the line chart: