Echarts入门安装及使用(vue)

1.安装

npm install echarts --save

2.在 main.js文件中引入

3.在组件中使用

在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。(高度必须给，不然图形无法显示)

<div id="echartsid" style="width: 600px;height:400px;"></div>

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的图形。

4.打开echarts官网，点击 实例→官方实例，选择你需要的图形，打开

将页面左侧的option的数据放进初始化的setOption({})里面，一个简单的图表就完成了。

---

拓展~

缩放图

如果需要写缩放图，可以打开官网，点击 文档→教程，然后在左侧的导航栏选择 在图表中加入交互组件。官网写的很详细，我就不搬运了~

散点图

使用回归统计(esStat)实现echarts散点图