Hi,
I'm using ph-all.geo.json. How do I get the details of selected Region/Province on a card and not on tooltip?
Code: Select all
chartOptions: Highcharts.Options = {
chart: {
map: PHMap,
backgroundColor: 'transparent',
},
title: {
text: '',
},
mapNavigation: {
enabled: true,
buttonOptions: {
verticalAlign: 'top',
},
},
legend: {
enabled: false,
},
tooltip: {
enabled: false,
stickOnContact: true,
useHTML: false,
headerFormat: '',
pointFormat:
'<b>{point.name}</b><br>Region: <b>{point.properties.region}</b> <br>Latitude: <b>{point.properties.latitude}</b> <br>Longitude: <b>{point.properties.longitude}</b>',
},
colorAxis: {
min: 1,
max: 1000,
type: 'logarithmic',
},
credits: {
enabled: false,
},
series: [
{
data: this.data,
animation: true,
type: 'map',
},
{
animation: true,
type: 'mappoint',
data: [
{
name: 'Manila',
x: 14.5995,
y: 120.9842,
},
],
point: {
events: {
click: function () {
this.series.chart.update({
tooltip: {
enabled: true,
},
});
},
mouseOut: function () {
this.series.chart.update({
tooltip: {
enabled: false,
},
});
},
},
},
},
],
};