echarts 引入报错问题的解决

来源：互联网发布：淘宝家居拖鞋编辑：程序博客网时间：2024/05/16 17:29

要用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',

阅读全文

0 0