Echarts.js无法引入问题解决方案


Posted in Javascript onOctober 30, 2020

使用echart卡在引入包的问题上了。

到github下载的js一直引入不了。注意是引入dirt文件夹下的echarts.js

把这个文件夹放入工程即可。其余都不用。

Echarts.js无法引入问题解决方案

代码部分简单的一匹:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ECharts</title>
  <!-- 引入 echarts.js -->
   <script type="text/javascript" src="../chart/dist/echarts.js"></script>
</head>
<body>
  <!-- 为ECharts准备一个具备大小(宽高)的Dom -->
  <div id="main" style="width: 600px;height:400px;"></div>
  <script type="text/javascript">
  var myChart = echarts.init(document.getElementById('main'));
  var option = {
    ....
  }

    // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
  </script>
</body>
</html>

然后到实例里把option替换掉,就是想要个各种图。

echarts是包里的对象。之前就是因为找不到js一直找不到这个对象错误。

引入的是这样的

Echarts.js无法引入问题解决方案

实在是找不到,也可以在线引入

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
JS获取及验证开始结束日期的方法
Aug 20 Javascript
layui选项卡效果实现代码
May 19 Javascript
基于vue开发的在线付费课程应用过程
Jan 25 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
layui 解决富文本框form表单提交为空的问题
Oct 26 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
JavaScript实现世界各地时间显示
Sep 07 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 #Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 #Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 #Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
Oct 30 #Javascript
vuecli项目构建SSR服务端渲染的实现
Oct 30 #Javascript
Javascript文本框脚本实现方法解析
Oct 30 #Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
Oct 30 #Javascript
You might like
一个简洁的多级别论坛
2006/10/09 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
javascript事件函数中获得事件源的两种不错方法
2014/03/17 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
Angular2  NgModule 模块详解
2016/10/19 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
初学者AngularJS的环境搭建过程
2017/10/27 Javascript
解析vue中的$mount
2017/12/21 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
[57:31]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第一场 2月1日
2021/03/11 DOTA
python分析apache访问日志脚本分享
2015/02/26 Python
Python 制作糗事百科爬虫实例
2016/09/22 Python
Python之读取TXT文件的方法小结
2018/04/27 Python
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
使用Python实现画一个中国地图
2019/11/23 Python
Python和Sublime整合过程图示
2019/12/25 Python
python游戏开发的五个案例分享
2020/03/09 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
美国手工艺品市场的领导者:Annie’s
2019/04/04 全球购物
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
财务管理专业应届毕业生求职信
2013/09/22 职场文书
销售行业个人求职自荐信
2013/09/25 职场文书
纺织工程专业个人求职信范文
2014/01/27 职场文书
校长竞聘演讲稿
2014/05/16 职场文书
高中综合实践活动总结
2014/07/07 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书