如何使用高地图在悬停时显示多个数据
How can show multiple data on hover with highmaps?
如何使用highmaps在悬停地图上显示多个数据?
http://www.highcharts.com/maps/demo
通常我们可以显示这样的数据:
var data = [];
$.each(columns[0], function (i, code) {
data.push({
code: code,
value: columns[3][i],
name: columns[2][i],
hasta:columns[4][i]
});
});
但这只允许使用joinBy的一种类型的数据:
series : [{
data : data,
mapData: Highcharts.maps['countries/tr/tr-all'],
joinBy: ['hc-key','name'],
animation: true,
name: 'Diyaliz Verileri',
states: {
hover: {
color: '#BADA55'
}
},
tooltip: {
valueSuffix: ''
}
}]
但是当我们想在悬停时显示多个数据时,我们能做什么?
jsfiddle:http://jsfiddle.net/CMengineer/j9mujnnz/
的工作原理与常规的高图表相同。只需定义一个客户工具提示格式化程序:
tooltip: {
formatter: function(){
var s = this.key + '<br/>';
s += 'Value:' + this.point.value + '<br/>';
s += 'Hasta:' + this.point.hasta;
return s;
},
},
更新的小提琴。
相关文章:
- 将href链接添加到通过js鼠标悬停显示的图像
- 鼠标悬停显示 Lightbox2 和 Milkbox 照片的 HTML
- 使用鼠标悬停显示图像,图像位于 li-tag 之外
- 悬停显示下一个“ul”的“李”
- 拉斐尔JS - 悬停 - 显示/隐藏单独的 DIV
- Javascript/CSS/HTML 鼠标悬停显示没有可点击链接的远程页面
- Javascript 仅在 iPad 上悬停显示菜单
- 更正菜单悬停显示
- 在jquery中使用悬停显示和隐藏文本
- jQuery悬停显示和隐藏我的内容
- JQuery在图像悬停显示标题标签内容,可能的
- 如何设置此鼠标悬停显示,即使鼠标悬停超过3秒
- 在图像悬停显示列表项
- Jquery悬停显示和隐藏可见性问题
- 鼠标悬停显示添加购物车按钮和折扣图像
- 在缩略图's悬停显示更大的图像
- 如何改变z数据悬停显示百分比以及百分比的颜色
- 如何设置鼠标悬停显示延迟
- jQuery悬停显示多个元素
- 任何Jquery库显示图像和悬停显示描述