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 相关文章推荐
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
jQuery 追加元素的方法如append、prepend、before
Jan 16 Javascript
Javascript控制div属性动态变化实例分析
Oct 08 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
axios中cookie跨域及相关配置示例详解
Dec 20 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
浅探express路由和中间件的实现
Sep 30 Javascript
vue 解决computed修改data数据的问题
Nov 06 Javascript
Antd的table组件表格的序号自增操作
Oct 27 Javascript
使用Canvas绘制一个游戏人物属性图
Mar 25 Javascript
React自定义hook的方法
Jun 25 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
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
2013/06/29 PHP
php 模拟post_验证页面的返回状态(实例讲解)
2013/10/28 PHP
PHP字符串的连接的简单实例
2013/12/30 PHP
微信公众平台开发之配置与请求
2015/08/26 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
jquery操作checkbox示例分享
2014/07/21 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
2015/08/10 Javascript
简单谈谈javascript Date类型
2015/09/06 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
增大python字体的方法步骤
2020/07/05 Python
Python 在函数上添加包装器
2020/07/28 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
小学美术教学反思
2014/02/01 职场文书
规范化管理年活动总结
2014/08/29 职场文书
最美家庭活动方案
2014/08/31 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
三孔导游词
2015/02/05 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
工作简报范文
2015/07/21 职场文书
初中毕业感言300字
2015/07/31 职场文书
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
Python实现单例模式的5种方法
2021/06/15 Python
Spring boot admin 服务监控利器详解
2022/08/05 Java/Android