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 相关文章推荐
Jquery Ajax请求代码(2)
Jan 07 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
js实现杯子倒水问题自动求解程序
Mar 25 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
Dec 03 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 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
php 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
基于ThinkPHP+uploadify+upload+PHPExcel 无刷新导入数据
2015/09/23 PHP
WordPress主题制作之模板文件的引入方法
2015/12/28 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
js 刷新页面的代码小结 推荐
2010/04/02 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
js手动播放图片实现图片轮播效果
2016/09/17 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
详解html-webpack-plugin插件(用法总结)
2018/09/12 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
[01:32]寻找你心中的那团火 DOTA2 TI9火焰传递活动今日开启
2019/05/16 DOTA
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
python3大文件解压和基本操作
2017/12/15 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
澳大利亚制造的羊皮靴:Original UGG Boots
2017/11/13 全球购物
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
网上快餐厅创业计划书
2014/02/01 职场文书
委托书模板
2014/04/04 职场文书
动漫设计与制作专业推荐信
2014/07/07 职场文书
2014大学生中国梦主题教育学习思想汇报
2014/09/10 职场文书
2014年大学生工作总结
2014/11/20 职场文书
大班下学期个人总结
2015/02/13 职场文书
化验员岗位职责
2015/02/14 职场文书
工作自我推荐信范文
2015/03/25 职场文书
幼儿园教师安全责任书
2015/05/08 职场文书
中国合伙人观后感
2015/06/02 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
Python开发五子棋小游戏
2022/04/28 Python