We’re happy to announce the release of Vaadin Charts 5 with support for Polymer 2! Vaadin Charts offers a range of custom elements for data visualization, from simple column charts to complex combinations of more than one type of chart.
Powerful features and a powerful API
Although this is a new major version of the Charts element, the API didn’t change. We are offering the same powerful features as before, with the same API.
To use Vaadin Charts, all you need to do is to import it and add the web component to your page. Here’s a simple sample of how to use vaadin-charts. You can configure the chart declaratively, and then feed the data to the data property e.g. by using iron-ajax.
<chart-title>Average temperatures in Turku, Finland</chart-title>
<subtitle>1961 - 2016</subtitle>
<y-axis max="30" min="0">
And as you can see from the screenshot below, it couldn’t be much simpler to add a chart to your Polymer 2 based web app.
The Charts element is using Polymer 2 and ES6. And if you need to support IE11 and Safari 9, your code needs to be transpiled to ES5.
Try out the latest version now
P.S. In case you’re attending Polymer Summit in Copenhagen next week, join the Vaadin pre-summit to see charts and all other Vaadin Elements.