在Vue中使用echarts的方法
作者：小人物的秘密花园 发布时间：2024-06-07 16:01:42
标签：vue,echarts
上篇文章给大家介绍了 在 webpack 中使用 ECharts的实例详解 ，可以点击查看。
1. 使用NPM安装（全局引入）
执行下面的命令：
npm install echarts--save
引入echarts模块
在Vue项目的main.js中引入echarts模块，即是写入如下代码：
import echarts from 'echarts'
Vue.prototype.$echarts = echarts；
2. 按需引入
上面全局引入会将所有的echarts图表打包，导致体积过大，我解决这一问题，可以使用require按需引入即是需要什么就引入什么：
即是：
let echarts = require('echarts/lib/echarts')
3. 直接引用
在index.html文件中全局引入，使用script标签引入
<script src="/static/js/echarts/echarts.js"></script>
注意：src中写入echarts的路径；
然后再vue项目build目录下找到webpack.base.conf.js，配置文件，在module.exports对象中添加externals属性，然后配置echarts所在的路径：
module.exports = {
.....
externals: {
// 路径：命名空间
'echarts/dist/echarts':'echarts',
}
}；
总结
以上所述是小编给大家介绍的在Vue中使用echarts的方法网站的支持！
来源：https://www.jianshu.com/p/eb14fed1f646
0
投稿猜你喜欢
- 用javascript实现Base64编码—解决中文问题因javascript求出来的是Unicode要转换成Ansi后才能对它进行Base
前言在爬虫系列文章 优雅的HTTP库requests 中介绍了 requests 的使用方式，这一次我们用 requests 构建一个知乎- 前言因为写好了测试xmind脑图后，然后再编写测试用例，实在是太麻烦了，所以我写了一点测试用例后，就网上百度了下，怎么直接把xmind脑图转
- 选用Access作为建站数据库，除了低成本的原因之外，主要是Access数据库的易发布性，一个MDB文件就包括了全部的表和数据，开发完后连同
- 前面说到了urllib2的简单入门，下面整理了一部分urllib2的使用细节。1.Proxy 的设置urllib2 默认会使用环境变量 ht
- Tuple 叫做 tuple，用小括号、或者无括号来表述，是一连串有顺序的数字。a_tuple = (12, 3, 5, 15 , 6)an
- function getHTTPRequest() { var xhr = false; if (window.XMLHttpRequest
- 按照正常的产品逻辑，我们在进行页面切换时滚动条应该是在页面顶部的，可是。。。在使用vue-router进行页面切换时，发现滚动条所处的位置被
- 直接赋值和copy的区别：直接赋值：其实就是对象的引用（别名）。浅拷贝(copy)：拷贝父对象，不会拷贝对象的内部的子对象。深拷贝(deep
- tkinter的功能是如此强大，竟然还能做翻译软件。当然是在线的，我发现有一个quicktranslate模块，可以提供在线翻译功能，相当于
- 这篇文章主要介绍了python imread、newaxis用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习
- 当代码已经写得差不多，发现某个变量名需要修改，但代码中很多地方都有该变量，一一修改太麻烦了，在不同的情景下，可以采取更加简便的方法，如下介绍
- 一、前言近期在实际项目中使用到了PID控制算法，于是就该算法做一总结。二、PID控制算法详解2.1 比例控制算法例子: 假设一个水缸，需要最
- 代码和代码运行的结果：代码：import itertools as itswords="rot123"a=its.pro
- 前言上回在 用 Go 写一个轻量级的 ssh 批量操作工具 里提及过，我们做 Golang 并发的时候要对并发进行限制，对 goroutin
- 我在前几天的博客中翻译了一篇《20个对学习CSS3大有裨益的资源》的文章，其中推荐了Get started with CSS 3，本文为其中
- 本文实例为大家分享了JSP实现客户信息管理系统的具体代码，供大家参考，具体内容如下项目示意图大概这样吧。我自己画的 登录界面代码index.
- 大多数程序员考虑编程时，他们都要设想用于编写应用程序的 命令式样式和技术。最受欢迎的通用编程语言（包括 Python 和其它面向对象的语言）
- 引言：本人从小白自学python，为了测试基础学习效果，增加一定的促进，想通过参加全国计算机等级考试二级python来检验基础学习情况。在学
- 错误类型： Microsoft JET Database Engine (0x80004005) 不能使用 ''；文件已在使
