Directory

← Back

chartjs-web-components

the web components for chartjs

Author

Rating

Popularity

<100

Chartjs Web Components

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

Live Demo

https://fsx950223.github.io/chartjs-web-components/live-demo/

Install

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}/>

Demo

npm run start

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Released
2019-05-01
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Browser
Browser Independent

chartjs-web-components - Vaadin Add-on Directory

the web components for chartjs chartjs-web-components - Vaadin Add-on Directory
# Chartjs Web Components The web components for chart.js which is built on lit-element ## Live Demo https://fsx950223.github.io/chartjs-web-components/live-demo/ ## Install ``` bash npm i chartjs-web-components ``` ## Lit-Element Usage ``` html ``` ``` js import 'chartjs-web-components' ``` ## Vue Example ``` html ``` ``` js import VueChartjs from 'chartjs-web-components/dist/vue.js' ``` ## React Example ``` jsx import ReactChartjs from 'chartjs-web-components/dist/react.js' ``` ## Demo ``` bash npm run start ```
Online