Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vue-chartless

kumric123MIT0.1.23

100% Simplest reactive charts for the Vue.js

vue, chart, vue-chart, c3, simplest, component

readme

Install

npm i vue-chartless

Basic usage

<!-- Vue component -->
<template>
    <div>
        <Chart 
            :def="def"
            :data="data"
        ></Chart>
    </div>
</template>

<script>
import Chart from 'vue-chartless'

export default {
    components: {
      Chart
    },
    data: () => ({
        def : {
            type : 'pie'
        },
        data : [
            { label: 'London', value:'330' },
            { label: 'Barcelona', value:'430' },
            { label: 'Paris', value:'150' },
            { label: 'Belgrade', value:'220' }
        ]
    })
}
</script>

Supported types

  • pie
  • bar

alt text