@coreui/coreui-vue-chartjsdeprecated

Vue component wrapper for chart.js

Usage no npm install needed!

<script type="module">
  import coreuiCoreuiVueChartjs from 'https://cdn.skypack.dev/@coreui/coreui-vue-chartjs';
</script>

README

Coreui Vue Chartjs library

NPM Downloads Chart.js Vue

CoreUI icons vue - CIcon component

Dedicated component used to implement Chart.js in Vue.js. You can find the library documentation here

Features

  • Implementation with ease - You only need to pass 'datasets' prop and you have your chart working. Optionally you can pass labels, options and plugins according to Chart.js docs. The rest of chart.js configuration issues are already resolved,
  • Chart will be rendered, even if you don't pass the labels, as empty labels will be generated automatically. You can also assign months or numeric indexes to labels (see prop description),
  • If you don't pass tooltip options, coreui-custom-tooltips, would be used by default. They are resolving the chart.js issue with tooltip beeing cut, when exceeding the canvas.
  • Dynamic updates of passed configuration. This feature makes your chart.js configuration automatically reactive to changes.

Copyright and license

Copyright 2019 creativeLabs Łukasz Holeczek. Code released under the MIT license.