主页 / 网络编程 /

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

网络编程 2021-07-04 14:07www.168986.cn编程入门
这篇文章主要介绍了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./gallery/vendors/echarts/echarts-all-3.js"></script>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。

上一篇：vue video和vue-video-player实现视频铺满教程 下一篇：解决Vue keep-alive 调用 $destory() 页面不再被缓存的

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by