Vue Echarts 3

vue-echarts-v3

New Vue.js(v2.x+) component wrap for ECharts.js. Use this in a project to display a variaty of charts to display your data

Example

Installation

$ npm install --save vue-echarts-v3

Usage

import IEcharts from 'vue-echarts-v3'
// import ECharts.js modules manually to reduce bundle size
import 'echarts/lib/chart/bar'
// import 'echarts/lib/chart/pie'

export default {
data () {
return {
    loading: true,
    bar: {
        title: {
            text: 'ECharts'
        },
        tooltip: {},
        xAxis: {
            data: ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN']
        },
        yAxis: {},
        series: [{
            name: 'Clouds',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        }]
    }
}
},
components: {
IEcharts
},
}

Bind to the options:

<IEcharts :option="bar" :loading="loading"></IEcharts>

More Props, Instance Methods, and Static Methods are available.

Vue Charts is on GitHub.