@Kener-林峰 你好,想跟你请教个问题:
我在没有引入esl.js文件的情况下,用echarts-plain-original-map-new.js实现自定义svg地图的引入,本来炫光效果是没有问题的,但是在加入的data数组里面的数字超过18个时,炫光效果就无效了,地图也无法加载进入。我是用
一下代码echarts.util.mapData.params.params.WHKJ = { getGeoJson: function (callback) { $.ajax({ url: "../../img/university/svg-wuhankejidaxue.svg", dataType: 'xml', success: function(xml) { kener = xml; callback(xml); } }); } } ;引入地图的;
我的option是这样的:
option = { backgroundColor: '#01090f', color: ['orange'], legend: { orient: 'vertical', x:'left', y:'50', data:[], textStyle : { color: '#fff' } }, title : { sublink: 'http://www.baidu.com', textStyle:{ fontSize: 18, fontWeight: 'bolder', color: 'white' } }, itemStyle:{ normal:{ borderColor:'rgba(100,149,237,1)', borderWidth:1.5, areaStyle:{ color: '#1b1b1b' } } }, roam:true, textStyle : { color: 'white', fontFamily:"微软雅黑" }, series : [ { mapLocation: {x:'35%',y:'60'}, scaleLimit:{max:3, min:0.5}, itemStyle:{ normal:{borderColor: "rgba(100,149,237,1)",borderWidth: 0.5,areaStyle: {color: "#01090f"},label:{show:true}}, emphasis:{label:{show:true}} }, hoverable:false, name: "1~10",type: "map",mapType: "WHKJ",roam:true,data: [], markPoint: { // symbolSize : function (v){ // return 3 + v/10; // }, symbol:'emptyCircle', symbolSize : 20, effect : { show: true, color: 'lime' }, itemStyle:{ normal:{ color:"#f00", label:{show:false} } }, data: [ {name: '开球点1', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点2', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点3', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点4', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点5', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[525.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[525.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[525.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[525.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[525.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[425.126, 296.913]} ] } }, { name: "1~10",type: "map",mapType: "WHKJ",roam:true,data: [], markPoint: { // symbolSize : function (v){ // return 3 + v/10; // }, symbol:'emptyCircle', symbolSize : 20, effect : { show: false, color: 'lime' }, itemStyle:{ normal:{ color:"#f00", label:{show:false} } }, data: [ {name: '开球点', value: 100, geoCoord:[425.126, 296.913]}, {name: '开球点', value: 100, geoCoord:[525.126, 296.913]} ] } }, { name:"area", type: "map", mapType: "WHKJ", data:[], markPoint : { itemStyle : { normal:{ color:'black' } }, data : [ ] }, geoCoord: { } } ] };
在插入的值超过18个后,炫光就消失了,也无法加载地图了,
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。