如何在Vue项目中利用Echarts绘制曲线图实例？

本文共计602个文字，预计阅读时间需要3分钟。

在现实工作中，数据不可坐以待毙，所有数据都应通过发送请求进行获取。本项目需求是请求服务器获取二维数组，并生成折线图。折线图的横纵坐标均从获取的数据中提取。

现实的工作中, 数据不可能写死的，所有的数据都应该通过发送请求进行获取。
所以本项目的需求是请求服务器获得二维数组，并生成曲线图。曲线图的横纵坐标均从获得的数据中取得。
Echarts官方文档：

ecomfe.github.io/echarts-doc/public/en/index.html

前端框架使用vue，服务器使用express搭建，交互使用axios。

一.引入vue-resource

　　通过npm下载vue-resource

npm install vue-resource --save

　　在main.js中引入vue-resource并注册

// main.js import VueResource from 'vue-resource' Vue.use(VueResource)

二.设置aysnc-lineChart-option.js

　　将该曲线图的没有数据的option抽取到async-lineChart-option.js中。

　　此代码在src/echarts/aysnc-lineChart-option.js文件中，代码如下。