问题描述
- echarts3.0 引用json地图
-
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.htmlchina.json是echarts官网下载的
以下是我的html代码
<!DOCTYPE html><!--自适应device-width设备宽度-->
<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>
相关文章
- Echart3.0世界地图中为什么没有新加坡？我想添加新家坡，该怎么办？
- 【Echarts】怎么转换成Echarts地图数据需要的格式
- paint-怎么在网页上绘制图形
- geojson-echarts geoJson 地图
- echarts 地图 小圆点-echarts 如何取消地图中小圆点的显示，前提不能删除legend
- echart-Echart 世界地图 鼠标放到地图上，显示国家不准确，怎么修改呢？
- 动态-echarts markline 数据格式化
- scale-echarts地图缩放级别问题
- echarts制作的地图把连接地图的线条上的tooptip去掉，其他地方的tooptip保留
- 谁会echarts实现地图省市县的钻取分别单独显示
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- 急急急!!!!跪求,几天了,为什么项目部署报错
- android-安卓开发遇到的奇葩问题
- 苹果-IAP拒绝上架，金融类项目
后三篇
- 布局-在鸟求TranslateX坐标移动问题
- javascript-js如何读取html页面中的信息？
- class-编写一个使用类模板对数组进行排序、查找和求元素和的程序。
(yq.aliyun.com)为您免费提供echarts3.0 引用json地图相关信息，包括
echarts
json地图
的信息
，所有echarts3.0 引用json地图相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_18242，您可以点击echarts3.0 引用json地图-手机站访问。