vue-chartless is a simple interactive chart component that supports pie and bar charts.

vue chartjs doughnut chart, vue bar chart example, vue chart js dynamic data, chartjs area chart, vue bar graph, vue chartjs resize, v chart vue

How to make use of it:

Install

npm i vue-chartless

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>

simple reactive charts for vue js, vue-chartless Plugin/Github

See Demo And Download

Official Website(kumric): Click Here

This superior jQuery/javascript plugin is developed by kumric. For extra advanced usage, please go to the official website.