echarts地图中tooltip的formatter怎么显示两个值

buaixuexi 发布于 2014/06/12 15:03
阅读 23K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

我在地图的数据中有两个值,如何将两个值都显示在tooltip中?比如:

data:[{name:'北京',value:100,value2:3},{name:'上海',value:120,value2:4}]

我想要在地图上鼠标放在北京地图上显示:北京,指标值:100,环比:3

鼠标放在上海地图上显示:上海,指标值:120,环比:4

formatter:'{b}<br/>{c}' 这样只能显示:北京 100 ,显示不了value2的值

请问怎么实现?谢谢。

加载中
0
Kener-林峰
Kener-林峰
formatter用function,根据name从自己option里找到你要的数据拼接html片段返回
0
王超
王超

function(value){

return value[0]+",指标值:"+value[1]+",环比:"+value[2];

}


buaixuexi
buaixuexi
value[0]是series[0].name;value[1]是series[0].data[i].name;value[2]是series[0].data[i].value;value中没有value2的值。 还是感谢您的回答。
0
buaixuexi
buaixuexi

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

formatter用function,根据name从自己option里找到你要的数据拼接html片段返回

灰常感谢,分享一下我的实现。

formatter: function(params) {
              var res = params+'<br/>指标值:'+params;
              var datas = option.series.data;
              for (var i = 0; i < datas.length; i++) {
                  if(params == datas[i].name){
                   res = res + '<br/>环比:'+datas[i].kpi_mom;
                   break;
                  }
              }
              return res;
          }

香腮雪
回复 @buaixuexi : 谢谢~已经成功~
buaixuexi
buaixuexi
回复 @香腮雪 : 是的
buaixuexi
buaixuexi
回复 @香腮雪 : data:[{name:'北京',value:100,value2:3},{name:'上海',value:120,value2:4}]我只是举个例子,数据是这样的你就取datas.value2就得到了value2的值了
香腮雪
请问您的数据格式依然是 data:[{name:'北京',value:100,value2:3},{name:'上海',value:120,value2:4}] 这样吗?
0
三星-苹果
三星-苹果

大神麻烦您把代码重新发下,有点乱码

返回顶部
顶部