Vue.js的简单反应式图表–vue-chartless

Vue.js的简单反应式图表–vue-chartless
插件名称 vue-chartless
发布时间 2020年5月7日
插件作者 kumric

chartless是一个简单的反应式图表组件,支持饼图和条形图。

安装和下载:

# NPM
$ npm install vue-chartless --save

使用:

<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>