Javascript 如何使用highmaps在悬停时显示多个数据?
如何使用highmaps在悬停地图上显示多个数据 通常我们可以显示如下数据:Javascript 如何使用highmaps在悬停时显示多个数据?,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,如何使用highmaps在悬停地图上显示多个数据 通常我们可以显示如下数据: var data = []; $.each(columns[0], function (i, code) { data.push({ code: code, value: columns[3][i], name: columns[2][i], hasta:columns[4][i]
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: ''
}
}]
但当我们想在悬停时显示多个数据时,我们能做什么
jsidle:与常规highcharts图形的工作原理相同。只需定义客户工具提示:
工具提示:{
格式化程序:函数(){
var s=this.key+'
';
s+='值:'+this.point.Value+'
';
s+='Hasta:'+this.point.Hasta;
返回s;
},
},
更新。与常规海图图形的工作原理相同。只需定义客户工具提示:
工具提示:{
格式化程序:函数(){
var s=this.key+'
';
s+='值:'+this.point.Value+'
';
s+='Hasta:'+this.point.Hasta;
返回s;
},
},
更新。与常规海图图形的工作原理相同。只需定义客户工具提示:
工具提示:{
格式化程序:函数(){
var s=this.key+'
';
s+='值:'+this.point.Value+'
';
s+='Hasta:'+this.point.Hasta;
返回s;
},
},
更新。与常规海图图形的工作原理相同。只需定义客户工具提示:
工具提示:{
格式化程序:函数(){
var s=this.key+'
';
s+='值:'+this.point.Value+'
';
s+='Hasta:'+this.point.Hasta;
返回s;
},
},
更新。不为我工作;(在您的jsfiddle示例中,格式化程序函数非常不同,不适用于我;(在您的jsfiddle示例中,格式化程序函数非常不同,不适用于我;(在您的jsfiddle示例中,格式化程序函数非常不同,不适用于我;(在您的jsfiddle示例中,格式化程序函数非常不同。)
tooltip: {
formatter: function(){
var s = this.key + '<br/>';
s += 'Value:' + this.point.value + '<br/>';
s += 'Hasta:' + this.point.hasta;
return s;
},
},