使用 Highmaps mapbbuble 和数据标签。缩放时数据标签不会超出屏幕
Using Highmaps mapbbuble and datalabels. Datalabels are not going out of screen when zoomed
使用Highmaps,当地图气泡和数据标签一起使用时。放大到一个国家仍然以破旧的方式(在容器底部)显示其他几个国家的数据标签。
我在这里重现了这个错误:
{
type: 'mapbubble',
mapData: mapData,
name: 'Population 2013',
joinBy: ['iso-a2', 'code'],
data: data,
minSize: 4,
maxSize: '12%',
tooltip: {
pointFormat: '{point.code}: {point.z} thousands'
},
dataLabels: {
enabled: true,
//allowOverlap: true,
formatter: function() {
if (this.point.value > 0) {
return this.point.value;
} else {
return 10;
}
}
}
}
问题截图:
Observation
底部显示的是数据标签,是底部一些气泡的标签,不能显示。
根据提供的文档
http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.overflow
您需要将以下属性添加到 dataLabels
dataLabels : {
overflow: 'none',
crop:false
}
使用Highmaps,当地图气泡和数据标签一起使用时。放大到一个国家仍然以破旧的方式(在容器底部)显示其他几个国家的数据标签。 我在这里重现了这个错误:
{
type: 'mapbubble',
mapData: mapData,
name: 'Population 2013',
joinBy: ['iso-a2', 'code'],
data: data,
minSize: 4,
maxSize: '12%',
tooltip: {
pointFormat: '{point.code}: {point.z} thousands'
},
dataLabels: {
enabled: true,
//allowOverlap: true,
formatter: function() {
if (this.point.value > 0) {
return this.point.value;
} else {
return 10;
}
}
}
}
问题截图:
Observation
底部显示的是数据标签,是底部一些气泡的标签,不能显示。
根据提供的文档
http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.overflow
您需要将以下属性添加到 dataLabels
dataLabels : {
overflow: 'none',
crop:false
}