引入echarts.js 失败,div中没有

发布网友发布时间：2022-05-07 03:18

共1个回答

热心网友时间：2022-04-22 13:08

最近被这个echart引入的问题折磨得头大，况且自己也没什么模块化经验，所以想请教一下各位高手，为什么下面第一种方式就可以成功展现echart饼状图，而第二种方式就不行呢？代码片段如下：
<script src="js/esl.js"></script> //类似于require.js的东东吧，不加上图表出不来
<div id="main" class="Cshenzi" style="width:500px;height:508px;opacity:0.85;">
</div> //echart图表容器
<script type="text/javascript">
（第一种方式）
require.config({
paths:{
'echarts' : 'js/echarts'
}
});
require(
[
'echarts',
'echarts/chart/pie' // 使用柱状图就加载pie模块，即使没有这个路径
],
function(ec) {
//主函数，生成echart实例，绘制图表
}

（第二种方式,与第一种方式的唯一区别就是require(['echarts'],...）这里少加载了'echarts/chart/pie'，可是我天真的觉得这个pie没必要加载啊，况且我的js目录里面也没有/chart/pie这个子文件夹，那为什么加了这个就能展现，而不加这个又不能展现呢？）
<script src="js/esl.js"></script>
<div id="main" class="Cshenzi" style="width:500px;height:508px;opacity:0.85;">
</div>
<script type="text/javascript">
// 路径配置
require.config({
paths:{
'echarts' : 'js/echarts'
}
});
// 使用
require(
[
'echarts'
],
function(ec) {
//主函数，生成echart实例，绘制图表

//另外项目的js文件夹结构是单根的，所以压根没有那个echarts/chart/pie。
全选复制放进笔记--js
|echarts.js
|esl.js