vue-cli 中使用 Echarts
具体步骤:
-
1、引入插件
-
2、全局引入 / 按需引入
-
第一步:引入插件
npm install echarts -S
如果引入报错了,使用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install echarts -S
检查是否安装成功查看配置文件中package.json文件是否有vue-schart版本信息
-
全局引入 / 按需引入
全局引入 : 在 main.js 里
// 引入echarts import echarts from 'echarts' //一般都要加个$加到vue的原型链上,方便引用 Vue.prototype.$echarts = echarts
代码实例操作:
<template> <div> <schart :canvasId="canvasId" :type="type" :width=