87,917
社区成员
发帖
与我相关
我的任务
分享超级难的echarts地图问题，怎么搜都搜不到答案，有信心就来挑战
<script type="text/javascript">
var dom = document.getElementById("dss");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
tooltip: {},
geo: {
map: 'henans',
roam: false,
nameMap:{
'zhengzhou':'上午'
},
label: {
normal: {
show: true,
textStyle: {
color: 'rgba(0,0,0,0.4)'
}
}
},
itemStyle: {
normal:{
borderColor: 'rgba(0, 0, 0, 0.2)'
},
emphasis:{
areaColor: null,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowBlur: 20,
borderWidth: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
/*regions: [{
name: '郑州',
itemStyle: {
normal: {
areaColor: 'red',
color: 'red'
}
}
}]*/
},
series : [
{
type: 'map',
name:'河南',
map:'beijing',
coordinateSystem: 'geo',
//data: convertData(data),
label: {
normal: {
formatter: '{b}',
position: 'right',
show: true
},
emphasis: {
show: true
}
},
},
]
};;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
地图能显示出来，鼠标经过能高亮，但是如何设置为未选中时某个城市就高亮？怎么查都查不到答案，如果解决身家财产你拿走。
...全文
请发表友善的回复…
发表回复
本人QQ-554433626 2017-06-08
- 打赏
- 举报
我插件可能是假的。。。不如你把你的插件发给我把fate_dogel@163.com[/quote]
Demo已发
dogel 2017-06-07
- 打赏
- 举报
我插件可能是假的。。。不如你把你的插件发给我把fate_dogel@163.com
程序猿老曾 2017-06-07
- 打赏
- 举报
@qq_32661557 这位大神已经帮你解决问题了~~~~~
本人QQ-554433626 2017-06-06
- 打赏
- 举报
series里加上
data:[
{name: '南阳市', value: 31796}
]
dogel 2017-06-06
- 打赏
- 举报
有没有没废话的
cn00439805 2017-06-06
- 打赏
- 举报
不存在的
dogel 2017-06-06
- 打赏
- 举报
有没有diao大的，解决一下？
本人QQ-554433626 2017-06-06
- 打赏
- 举报
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>EChartsExample</title>
<script src="jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="echarts.js" type="text/javascript"></script>
<script src='henan.js' type="text/javascript"></script>
<script src='china.js' type="text/javascript"></script>
</head>
<body>
<div id="dss" style="width: 50%;height:800px; overflow:scroll;">地图：
</div>
<script>
var dom = document.getElementById("dss");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
series : [
{
name: '河南省',
type: 'map',
mapType: '河南',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[
{name: '南阳市', value: 20057.34},
{name: '商丘市', value: 20057.34},
{name: '安阳市', value: 20057.34}
]
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
我下载js自己写的
本人QQ-554433626 2017-06-06
- 打赏
- 举报
我用的js啊，本地引的js并没有这一串东西，
require('echarts/util/mapData/params').params.HK = {
getGeoJson: function (callback) {
$.getJSON('geoJson/HK_geo.json',callback);
}
}[/quote]
这不是获取HK香港的数据嘛[/quote]
我的意思是这串代码我没有，直接在本地用没有用，会报错[/quote]
那你的地图数据是JS文件？ 我看官网的地图下载只有json下载啊
dogel 2017-06-06
- 打赏
- 举报
我用的js啊，本地引的js并没有这一串东西，
require('echarts/util/mapData/params').params.HK = {
getGeoJson: function (callback) {
$.getJSON('geoJson/HK_geo.json',callback);
}
}[/quote]
这不是获取HK香港的数据嘛[/quote]
我的意思是这串代码我没有，直接在本地用没有用，会报错
本人QQ-554433626 2017-06-06
- 打赏
- 举报
我用的js啊，本地引的js并没有这一串东西，
require('echarts/util/mapData/params').params.HK = {
getGeoJson: function (callback) {
$.getJSON('geoJson/HK_geo.json',callback);
}
}[/quote]
这不是获取HK香港的数据嘛
dogel 2017-06-06
- 打赏
- 举报
我用的js啊，本地引的js并没有这一串东西，
require('echarts/util/mapData/params').params.HK = {
getGeoJson: function (callback) {
$.getJSON('geoJson/HK_geo.json',callback);
}
}
本人QQ-554433626 2017-06-06
- 打赏
- 举报
你写的也是json
dogel 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）[/quote]
这个就是默认选中 大哥
series同级加上dataRange
我查了他官网的手册没有这个属性啊
[/quote]
哎哟 虽然我没用过这个东西，但帮你测试了的啊
[/quote]
我照着你写的就成这样了
你的地图是在哪下的？[/quote]
没有下载 网站示例直接编辑的http://echarts.baidu.com/echarts2/doc/example/map6.html
[/quote]
直接在线的是用json不太会啊。。。
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
本人QQ-554433626 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）[/quote]
这个就是默认选中 大哥
series同级加上dataRange
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
[/quote]
额，我加了同级结果地图没了。。
我查了他官网的手册没有这个属性啊
[/quote]
哎哟 虽然我没用过这个东西，但帮你测试了的啊
[/quote]
我照着你写的就成这样了
你的地图是在哪下的？[/quote]
没有下载 网站示例直接编辑的http://echarts.baidu.com/echarts2/doc/example/map6.html
dogel 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）[/quote]
这个就是默认选中 大哥
series同级加上dataRange
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
[/quote]
额，我加了同级结果地图没了。。
我查了他官网的手册没有这个属性啊
[/quote]
哎哟 虽然我没用过这个东西，但帮你测试了的啊
[/quote]
我照着你写的就成这样了
你的地图是在哪下的？
本人QQ-554433626 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）[/quote]
这个就是默认选中 大哥
series同级加上dataRange
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
[/quote]
额，我加了同级结果地图没了。。
我查了他官网的手册没有这个属性啊
[/quote]
哎哟 虽然我没用过这个东西，但帮你测试了的啊
dogel 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）[/quote]
这个就是默认选中 大哥
series同级加上dataRange
我查了他官网的手册没有这个属性啊
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
本人QQ-554433626 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）[/quote]
这个就是默认选中 大哥
series同级加上dataRange
dataRange: {
min: 800,
max: 50000,
text:['High','Low'],
realtime: false,
calculable : true,
color: ['orangered','yellow','lightskyblue']
},
dogel 2017-06-06
- 打赏
- 举报
这个加上后只是多了在鼠标移动过去的时候显示名字和那串数字啊，
我想要的效果是在普通的状态下就有个别城市是高亮的（或者其他颜色也可以）
