100% Simplest reactive charts for the Vue.js

Install

npm i vue-chartless

Basic usage

text-html-basic
<!-- 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

pie

Download Details:

Author: kumric

Official Website: https://github.com/kumric/vue-chartless

#vuejs #javascript #vue-js

100% Simplest reactive charts for the Vue.js
5.10 GEEK