vue项目创建+ECharts

5分钟上手写ECharts的第一个图表

file:///C:/Users/Administrator/Desktop/incubator-echarts-2.2.7/doc/start.html

echarts 模版和设置

http://echarts.baidu.com/echarts2/doc/doc.html#Option

vue与Echarts完成–动态数据折线图

https://blog.csdn.net/ycl396232695/article/details/79714969

Vue复用Echart，动态更新数据视图

https://www.jianshu.com/p/79006447e907

使用Echarts的五个步骤

参考网址：http://echarts.baidu.com/doc/start.html

一、制作一个图表容器

二、引入echarts.js文件

三、配置图表路径
require.config({
paths:{echarts:"…/dist"}
});

四、加载图表js文件
require([“echarts”, “echarts/chart/bar”], loadComplete);

五、绘制图表
function loadComplete(ec) {
var myChart = ec.init(document.getElementById(“main”));
var option = { … }; // 图表配置信息
myChart.setOption(option);
}

1.安装 npm vue vue-cli webpack …
全局安装 vue:
https://www.cnblogs.com/crazycode2/p/6484548.html
基于vue、vuex、vue-router、echarts搭建的数据展示平台:
https://segmentfault.com/a/1190000007521014
创建vue环境 配置并npm run dev实时查看效果：
https://www.cnblogs.com/pearl07/p/6247389.html

创建vue项目环境

https://www.cnblogs.com/pearl07/p/6247389.html
https://www.jianshu.com/p/d87d7140944e/
全局安装：

npm install -g vue-cli 全局安装vue-cli

全局安装 vue-cli

$ npm install -g vue-cli

# 创建一个基于 "webpack" 模板的新项目
$ vue init webpack project-name
# 安装依赖
$ cd project-name
$ npm install
$ npm run dev 启动项目

1.创建vue项目：
2.导入node_modules包
3.导入jquery：
输入 npm install jquery --save-dev 用npm下载jq依赖、

4.bootstrap 安装：npm install --save-dev bootstrap
5.npm install
6.npm run dev
7.