Help me please
Code: Select all
export class GlobalViewComponent implements OnInit {
Highcharts: typeof Highcharts = Highcharts;
chartConstructor = 'mapChart';
chartCallback;
chart;
bubbleData = [
{ code3: 'USA', z: 252, color: '#FF0000', fillColor: '#FF0000' },
{
code3: 'ROU',
z: 109,
color: '#00C867',
borderColor: '#E0FFDD'
}
];
updateFromInput = false;
events = {
search(e: any) {
console.log(e);
}
};
chartOptions: Highcharts.Options = {
chart: {
height: '45%',
map: worldMap as any
},
title: {
text: null
},
legend: {
enabled: false
},
credits: {
enabled: false
},
series: [
{
type: 'map',
name: 'Countries',
color: '#E0E0E0',
enableMouseTracking: true
},
{
type: 'mapbubble',
name: 'Population 2016',
data: this.bubbleData,
selected: true,
maxSize: '8%',
minSize: '3%',
// @ts-ignore
joinBy: ['iso-a3', 'code3'],
tooltip: {
pointFormat: '{point.properties.hc-a2}: {point.z} countries',
followPointer: true,
followTouchMove: true,
headerFormat: '',
footerFormat: '',
valueDecimals: 0
}
}
]
};
ngOnInit() {
//show first tooltip on load
}
}