Press "Enter" to skip to content

Simplest Reactive Charts For The Vue.js | vue-chartless

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *