@moodles/vue-amcharts

@moodles/vue-amcharts

AmCharts components for vue.js

Installation

webpack

npm i --save @moodles/vue-amcharts

browser

Grab vue-amcharts.js from the dist folder and include it using a regular script tag

<script src="js/vue.js"></script>
<script src="js/vue-selectbox.js"></script>

Initialization

webpack

import { AmchartLine, AmchartBar, AmchartPie } from '@moodles/vue-amcharts';

const app = new Vue({
    el: '#app',
    components: {
        'amchart-line': AmchartLine,
        'amchart-bar': AmchartBar,
        'amchart-pie': AmchartPie
    }
})

browser

<script src="js/vue.js"></script>
<script src="js/vue-amcharts.js"></script>

<script>
    Vue.use(VueAmcharts);

    var app = new Vue({
        el: '#app'
    });
</script>

Component usage

When just using the chart components without any props, they will just show a default dataset.

<amchart-line></amchart-line>
<amchart-bar></amchart-bar>
<amchart-pie></amchart-pie>