8
回答
echarts markpoint展示问题
百度AI开发者大赛带你边学边开发,赢100万奖金,加群:418589053   

@Kener-林峰 你好。比如我在地图上标记了一个markpoint 深圳, 可是地图上只有一个点,或者是数据,我想展示的是名称,怎么展示呢。


举报
rom1c丶
发帖于4年前 8回/18K+阅
共有8个答案 最后回答: 3年前
markPoint有label啊,show出来就行
--- 共有 1 条评论 ---
rom1c丶@Kener-林峰 show的是数值,也就是value。可是我想显示的城市名称 , 而且加入了markpoint,series里面必须要有一个空的data[] ,不要就展示不出来, dataRange地图的颜色变灰色。 原谅我这么多问题。 4年前 回复

引用来自“Kener-林峰”的评论

问题多没问题,问题是你的问题都在文档里有,看文档。
研究出来了,2个data[]是有作用的。谢。
getMapData : function(){
$.ajax({  
       type: "POST",   
       url: "tomap!getEchartsExData.do", //请求的action
       dataType:"json",
       success: function(result){


  var regionJson=$.parseJSON(result);
  var toolTipJson=$.parseJSON(result);
  var markPointJson=$.parseJSON(result);
  var markList=markPointJson.markPointMap;
  
  var toolTipText=toolTipJson.toolTipText;
  var myChart = echarts.init(document.getElementById('mainMap'));	 
myChart.showLoading({
text: '正在努力的读取数据中...',    //loading话术
});
option = {
   title : {
       text: ' ',
       x:'center'
   },
   tooltip : {
       trigger: 'item',
formatter:function(params,ticket,callback){
for ( var i = 0; i < toolTipText.length; i++) {
if(toolTipText[i].name == params[1]){
params[3]=toolTipText[i].completionValue;
params[2]=toolTipText[i].completionRate;
break;
//return params[1]+":达成值:"+toolTipText[i].completionValue+";达成率:"+toolTipText[i].completionRate;
}
}
for ( var i = 0; i < markList.length; i++) {
if(markList[i].name == params[1]){
params[3]=markList[i].completionValue;
params[2]=markList[i].completionRate;
break;
//return params[1]+":达成值:"+toolTipText[i].completionValue+";达成率:"+toolTipText[i].completionRate;
}
}
return params[1]+":达成保费:"+params[3]+";达成率:"+params[2]+"%";
}
   },
   legend: {
       orient: 'vertical',
       x:'left',
       data:[' ']
   },
   dataRange: {
       min: 0,
       max: 100,
       x: 'left',
       y: 'bottom',
       text:['高','低'],           // 文本,默认为数值文本
       calculable : true
   },
   series : [
       {
           name: 'iphone3',
           type: 'map',
           mapType: 'china',
           roam: true,
           data:regionJson.dataValue,
           itemStyle:{
               normal:{label:{show:true}},
               emphasis:{label:{show:true}}
           }, 
          markPoint : {
               symbolSize: 5,       // 标注大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
               itemStyle: {
                   normal: {
                       borderColor: '#87cefa',
                       borderWidth: 1,            // 标注边线线宽,单位px,默认为1
                       label: {
                       	show: false
                       }
                   },
                   emphasis: {
                      borderColor: '#1e90ff',
                       borderWidth: 5,
                       label: {
                           show: false
                       }
                   }
               },
           data:markPointJson.markPointMap
       },
       geoCoord: {
       	"河南北部":[114,34.65],
"河南南部":[114,32.65],
               "深圳":[114.07,22.62],
               "宁波":[121.56,29.86],
               "佛山":[113.11,23.05],
               "东莞":[113.75,23.04],
               "惠州":[114.4,23.09],
               "珠海":[113.52,22.3],
               "厦门":[118.1,24.46],
               "南通":[121.05,32.08],
               "苏州":[120.62,31.32],
               "无锡":[120.29,31.59],
               "泉州":[118.58,24.93],
               "大连":[121.62,38.92],
               "青岛":[120.33,36.07],
               "济南":[117,36.65],
               "烟台":[121.39,37.52],
               "温州":[120.65,28.01],
               "绍兴":[120.58,30.01]
}
}
   ]
};
myChart.setOption(option);

myChart.hideLoading();
    
},
error:function(data)
{

}
  });
}




markpoint的一个点,怎么显示他的名称呢,不要鼠标放上去再显示,只显示他一个点的名称
--- 共有 1 条评论 ---
supber你的markPoint上显示name的问题解决了吗?求方法 3年前 回复

引用来自“Kener-林峰”的评论

markPoint有label啊,show出来就行
请问这个问题解决没?能否告诉下我,非常谢谢
--- 共有 1 条评论 ---
mendacity_jenny此问题已解决,用formatter就OK 3年前 回复
顶部