Vue2.x 中使用 echarts

安装

注意我使用的是 4.6.0 版，使用 5.x 版会报错。具体原因参考此篇（Vue 中使用 Echarts5.0 的一些问题（vue-cli 下开发）_sanye丶的博客-CSDN博客），这位大佬说的很清楚 。

npm i echarts

vue 文件中导入

import echarts from "echarts";

使用

let option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
        }
    ]
};
let chart = echarts.init(document.getElementById("chart"));               
chart.setOption(option);

效果

这是一个简单的官网示例， 更多示例在此。API 在此。