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 组件
Oct 28 Javascript
javascript调试之DOM断点调试法使用技巧分享
Apr 15 Javascript
JsRender for object语法简介
Oct 31 Javascript
深入探寻javascript定时器
Jan 02 Javascript
深入浅出理解javaScript原型链
May 09 Javascript
Javascript中的return作用及javascript return关键字用法详解
Nov 05 Javascript
Web开发必知Javascript技巧大全
Feb 23 Javascript
jQuery组件easyui基本布局实现代码
Aug 25 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
深入理解vue-router之keep-alive
Aug 31 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
Dec 03 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
Jun 20 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
jquery UI 1.72 之datepicker
2009/12/29 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
微信小程序 向左滑动删除功能的实现
2017/03/10 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
微信小程序之数据绑定原理解析
2019/08/14 Javascript
[52:39]完美世界DOTA2联赛PWL S3 CPG vs Forest 第一场 12.16
2020/12/17 DOTA
Python外星人入侵游戏编程完整版
2020/03/30 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
ASOS英国官网:英国在线时装和化妆品零售商
2017/05/19 全球购物
员工拓展培训方案
2014/02/15 职场文书
目标管理责任书
2014/04/15 职场文书
土建施工员岗位职责
2015/04/11 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
公司客户答谢酒会祝酒词
2015/08/11 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
小学科学课教学反思
2016/02/23 职场文书
如何用JS实现网页瀑布流布局
2021/04/24 Javascript
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
PostGIS的安装与入门使用指南
2022/01/18 PostgreSQL
尝试使用Python爬取城市租房信息
2022/04/12 Python