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 相关文章推荐
学习YUI.Ext第五日--做拖放Darg&amp;Drop
Mar 10 Javascript
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
Webkit的跨域安全问题说明
Sep 13 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
详解JavaScript的Date对象(制作简易钟表)
Apr 07 Javascript
vue.js入门教程之基础语法小结
Sep 01 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
vue和webpack项目构建过程常用的npm命令详解
Jun 15 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 Javascript
vue v-model的用法解析
Oct 19 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 求质素(素数) 的实现代码
2011/04/12 PHP
laravel安装zend opcache加速器教程
2015/03/02 PHP
详解PHP的Yii框架中日志的相关配置及使用
2015/12/08 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
PHP之图片上传类实例代码(加了缩略图)
2016/06/30 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
详解jquery中$.ajax方法提交表单
2014/11/03 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
基于jQuery的ajax方法封装
2016/07/14 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
图片上传之FileAPI与NodeJs
2017/01/24 NodeJs
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
Threejs实现滴滴官网首页地球动画功能
2020/07/13 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
详解Typescript里的This的使用方法
2021/01/08 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
Python基于回溯法子集树模板解决最佳作业调度问题示例
2017/09/08 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
linux安装python修改默认python版本方法
2019/03/31 Python
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
承办会议欢迎词
2014/01/17 职场文书
小学教师办公室制度
2014/02/03 职场文书
主题婚礼策划方案
2014/02/10 职场文书
2014年领导班子工作总结
2014/12/11 职场文书
人民检察院起诉书
2015/05/20 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
培训计划通知
2015/07/15 职场文书
公司周年庆典致辞
2015/07/30 职场文书
python识别围棋定位棋盘位置
2021/07/26 Python
MySQL常用慢查询分析工具详解
2022/08/14 MySQL