echarts vue 酷炫图_vue-echarts

mycharts

A Vue.js project

install dependencies

npm install

run project

npm run dev

访问地址

build project

npm run build

vue-echarts : project introduction

项目整体截图

地图功能

饼图功能

复杂折线图

复杂柱状图

static/demo-single-charts

echarts_demo

echarts大数据大屏demo以及集成百度地图api实现跳点

static/demo-big-screen

Build Setup(若没有node环境，先做以下操作)

首先安装node.js

1.版本保证在4.x以上

node -v

2.在新建的目录中按住shift 鼠标右键,全局安装vue脚手架

npm install -g vue-cli

同时可以使用vue和vue list 命令查看

3.初始化模板配置和项目名字

vue init webpack sell

sell是项目名

其中有许多需要选择的选项，eslint适合团队开发，规范代码之类的，个人开发我喜欢用stylus，所以这个选项我不会选n，其他Y

4.有提示就按enter，需要输入则输入；具体参考这下面这张图

5.进入sell项目目录中

shift + 鼠标右键，下载依赖包

6.启动项目

npm run dev

7.ico图标制作

剩下的就按需加载，安装过程中，有时候，第一次安装都会报错，重复安装一次就好

安装babel-polyfill es6-promise

npm install babel-polyfill es6-promise --save-dev

安装stylus stylus-loader

npm install stylus-loader stylus --save-dev

安装vue-style-loader

npm install vue-style-loader --save-dev

安装css-loader

npm install css-loader --save-dev

安装vuex，全局变量的使用

npm install vuex --save-dev

安装axios，前后台通信框架

npm install axios --save-dev

安装iviewui，第三方框架

npm install iview --save-dev

安装echarts

npm install echarts --save-dev

安装jquery

npm install jquery --save-dev

import $ from 'jquery'

从github上down项目vue项目下来的时候，在控制台执行

npm install

之后再运行项目即可