echarts3.0有两个引入地图的方式,
http://echarts.baidu.com/download-map.html
我用js的方法引入成功了,但是用json的方法就是看不到地图(火狐也看不到),空白一片
以下是我的目录结构
F:\MyEcharts3.0
-china.js
-china.json
-echarts.js
-echarts.min.js
-jquery.min.js
-macarons2.js
-MyTest.html
china.json是echarts官网下载的
以下是我的html代码
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="./echarts.js"></script>
<script src="./jquery.min.js"></script>
<title>ECharts</title>
<style>
</style>
$.get('./china.json', function (chinaJson) { echarts.registerMap('china', chinaJson); var chart = echarts.init(document.getElmentById('main')); chart.setOption({ series: [{ type: 'map', map: 'china' }] }); }); //myChart.setOption(option);本人是新手,因为工作需要才开始接触echarts,html,希望大神耐心指导,谢谢
顺便弱弱的问一下echarts3.0怎么像之前一样,加载主题文件?
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--自适应device-width设备宽度-->
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="./echarts.js"></script>
<script src="./jquery.min.js"></script>
<title>ECharts</title>
<style>
</style>
</head>
<body>
<div id="main" style="height:800px;width:100%;border:1px solid black;"></div>
<script>
$.get('./china.json', function (chinaJson) {
echarts.registerMap('china', chinaJson);
var chart = echarts.init(document.getElmentById('main'));
chart.setOption({
series: [{
type: 'map',
map: 'china'
}]
});
});
//myChart.setOption(option);
</script>
</body>
var chart = echarts.init(document.getElmentById('main'));
element写错了,少写了一个字母e
请问你解决了吗 我现在也遇到同样的问题 但是不会
我也有同样的问题,现在解决了么
https://www.zhihu.com/question/39877703 我不知道你具体遇到的是什么问题,但表面上跟我遇到的问题是一样的,看到知乎上这篇回答,
解决了我的问题,居然省份的地图是要中文汉字。。。坑了我一天半,艹
我也遇到 此问题 请问问题 解决了吗
在浏览器的属性--目标里添加权限,比如
"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --disable-web-security
之后还不能解决问题的话,可以参照:解决引入本地json数据的问题
提出的方法,用python启动本地服务器访问页面,这样就允许跨域访问。
关于Python启动本地服务器,win7的可以参考Windows7下Python搭载本地服务器