Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

vue-schart

1.0.0 • Public • Published

vue-schart

📊 Vue.js wrapper for sChart.js

Downloads Version License

Support for use at the mobile. Support vue.js 1.x & 2.x

interactive demo

Usage

Install:

npm install vue-schart -S

Use in component:

<template>
    <div id="app">
        <schart class="wrapper" :canvasId="canvasId" :type="type" :data="data" :options="options"></schart>
    </div>
</template>
<script>
import Schart from 'vue-schart';
    export default {
        data() {
            return {
                canvasId: 'myCanvas',
                type: 'bar',
                data: [
                    {name: '2014', value: 1342},
                    {name: '2015', value: 2123},
                    {name: '2016', value: 1654},
                    {name: '2017', value: 1795},
                ],
                options: {
                    title: 'Total sales of stores in recent years'
                }
            }
        },
        components:{
            Schart
        }
    }
</script> 
 
<style>
.wrapper{
    width: 7rem;
    height: 5rem;
}
</style> 

Options

Refer to the documentation for sChart.js.

Demo

demo

License

MIT license.

install

npm i vue-schart

Downloadsweekly downloads

580

version

1.0.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability