Echarts.js无法引入问题解决方案

 更新时间:2020年10月30日 10:39:12   作者:圣金巫灵  
这篇文章主要介绍了Echarts.js无法引入问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

使用echart卡在引入包的问题上了。

到github下载的js一直引入不了。注意是引入dirt文件夹下的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一直找不到这个对象错误。

引入的是这样的

实在是找不到,也可以在线引入

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Js逆向实现滑动验证码图片还原的示例代码

    Js逆向实现滑动验证码图片还原的示例代码

    这篇文章主要介绍了Js逆向实现滑动验证码图片还原的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • JavaScript实现字符串转字符数组的两种方式

    JavaScript实现字符串转字符数组的两种方式

    在 JavaScript 的编程世界里,字符串和数组是极为常见的数据类型,在实际开发中,我们常常会遇到需要将字符串转换为字符数组的情况,接下来,我们将深入探讨如何使用 JavaScript 实现这一转换,同时结合代码示例详细分析不同方法的特点,需要的朋友可以参考下
    2025-04-04
  • Bootstrap3制作图片轮播效果

    Bootstrap3制作图片轮播效果

    这篇文章主要教大家如何利用Bootstrap3制作图片轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • JavaScript数组和循环详解

    JavaScript数组和循环详解

    这篇文章主要介绍了JavaScript数组和循环详解,本文讲解了循环遍历数组、按顺序存储和访问值、以相反的顺序存储和访问值、在数组中搜索等内容,需要的朋友可以参考下
    2015-04-04
  • BootStrap模态框不垂直居中的解决方法

    BootStrap模态框不垂直居中的解决方法

    这篇文章主要为大家详细介绍了BootStrap模态框不垂直居中的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 一个XML格式数据转换为图表的例子

    一个XML格式数据转换为图表的例子

    这个例子使用的是转换为VML的语法,换成其他如SVG的语法,就可以转换成为SVG图形,单元数量可以任意加。
    2010-02-02
  • 对存在JavaScript隐式类型转换的四种情况的总结(必看篇)

    对存在JavaScript隐式类型转换的四种情况的总结(必看篇)

    下面小编就为大家带来一篇对存在JavaScript隐式类型转换的四种情况的总结(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js常用函数2008-8-16整理

    js常用函数2008-8-16整理

    方便使用js的朋友,把下面的函数找到你想要的功能函数,复制部分判断输入文本是否为身份证号码,如为不正确则提示
    2008-08-08
  • 用JS写的一个Ajax库(实例代码)

    用JS写的一个Ajax库(实例代码)

    下面小编就为大家带来一篇用JS写的一个Ajax库(实例代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JS数组扁平化、去重、排序操作实例详解

    JS数组扁平化、去重、排序操作实例详解

    这篇文章主要介绍了JS数组扁平化、去重、排序操作,结合实例形式详细分析了JS数组扁平化、去重、排序等相关操作原理、实现技巧与注意事项,需要的朋友可以参考下
    2020-02-02

最新评论