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 相关文章推荐
NiftyCube——轻松实现圆角边框
Feb 20 Javascript
简洁Ajax函数处理(示例代码)
Nov 15 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
JavaScript队列、优先队列与循环队列
Nov 14 Javascript
移动端js图片查看器
Nov 17 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
详解vuex 中的 state 在组件中如何监听
May 23 Javascript
React-router 4 按需加载的实现方式及原理详解
May 25 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
vue中使用ueditor富文本编辑器
Feb 08 Javascript
详解javascript 正则表达式之分组与前瞻匹配
May 30 Javascript
Vue实现浏览器打印功能的代码
Apr 17 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
2006/12/23 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
jquery统计输入文字的个数并对其进行判断
2014/01/07 Javascript
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
javascript实现倒计时(精确到秒)
2015/06/26 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
layui实现点击按钮给table添加一行
2018/08/10 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
最大K个数问题的Python版解法总结
2016/06/16 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
Python学习笔记之列表和成员运算符及列表相关方法详解
2019/08/22 Python
详解python中eval函数的作用
2019/10/22 Python
CentOS7下安装python3.6.8的教程详解
2020/01/03 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
Python项目跨域问题解决方案
2020/06/22 Python
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
2013/09/02 HTML / CSS
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
大学生党员自我批评
2014/02/14 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
植树节新闻稿
2015/07/17 职场文书