ECharts数据可视化图表库简单使用

ECharts是基于JavaScript的数据可视化图表库

安装

npm install echarts --save

第一个实例

import * as echarts from 'echarts'
let app = echarts.init(document.getElementById('app'), null, {
    width: 800,
    height: 500
})
let data = {
    title: {
        text: '用户管理'
    },
    tooltip:{},
    legend: {
        data: ['用户']
    },
    xAxis: {
        data: [
            'root','admin','user1','user2','user3'
        ]
    },
    yAxis: {},
    series: [
        {
            name: '用户权限',
            type: 'bar',
            data: [
                10,8,5,1,3
            ]
        }
    ]
    
}
app.setOption(data)