echarts 引入报错问题的解决

要用echarts画一个世界地图,遇到了很多问题,这里记录一下:

1. XXX  is not a function 或者 XXX is not defined 报错

解决思路:  一开始是用required 设置path引入的,结果报错:required is not defined,改成<script>标签形式引入,结果报 XXX is not a function,搜索后发现是echarts.js 版本错了,我的初始化是用的2的实例,但echarts.js 包是3 版本的.好吧,换成2 版本的,又报错: echart is not defined,真蛋疼.

最后才搞好,下载2版本的 echarts-all.js 这个文件,就没什么事了

<script src="{% static "js/echarts-all.js" %}"></script>
 <div id="main" style="width: 1000px;height:800px;margin-left: 100px"></div>
<script type="text/javascript">
 var myChart = echarts.init(document.getElementById('main'));

2. ECharts Map is not loaded

我下载了js和json的world包, required 和 标签形式引入时都报上面的错误,查看文档后发现,引入了echarts-all.js这个包后,根本不需要引入任何的地图包,直接设置就行了:

mapType: 'world',