chartjs-web-components | Vaadin

the web components for chartjs

Chartjs Web Components

The web components for chart.js which is built on lit-element

Live Demo


npm i chartjs-web-components

Lit-Element Usage

<base-chart id="chart" type="chartType" .data="${chartData}" .options="${chartOptions}"></base-chart>
import 'chartjs-web-components'

Vue Example

<base-chart id="chart" type="chartType" :data="data" :options="options"></base-chart>
import VueChartjs from 'chartjs-web-components/dist/vue.js'

React Example

import ReactChartjs from 'chartjs-web-components/dist/react.js'
<ReactChartjs data={data} type={type} options={options}/>


npm run start


Link to this version
ImportedReleased 01 May 2019MIT License
Framework Support
Browser Independent
Install with
npm install chartjs-web-components"@2.7.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.7.1