I found difficulties when trying to add bubble name and yaxis label like below:
anyone know how to produce this:
Code: Select all
series = [];
Highcharts: typeof Highcharts = Highcharts;
chartOptions = {
chart: {
polar: true,
width: 1300,
height: 750
},
title: {
text: ''
},
pane: {
size: '90%'
},
tooltip: {
useHTML: true,
headerFormat: '<div class="p-3 mt-2 mr-2 section-container overflow">',
pointFormat: '<h6><b>Pulse Score</b></h6>' +
'<table class="table table-striped financialyear">' +
'<thead class="bg-blue">' +
'<tr class="header-color">' +
'<th class="bg-white no-clickable no-border year-selector">' +
'Financial Year <br/>' +
'</th>' +
'</tr>' +
'</thead>' +
'<tbody class="bg-light-blue">' +
'<tr class="pt-3 mt-3">' +
'<td class="data-title">Self assessment:</td>' +
'</td>' +
'</tr>' +
'<tr class="border-bottom">' +
'<td class="data-title">Manager assessment:</td>' +
'</tr>' +
'</tbody>' +
'</table>',
footerFormat: '</div>',
followPointer: true
},
xAxis: {
min: 0,
max: 360,
visible: false
},
yAxis: {
min: 0,
max: 7,
gridLineColor: '#f49d32',
tickInterval: 1,
labels: {
formatter: function () {
if (this.value === 2) {
return '3M';
}
if (this.value === 3) {
return '6M';
}
if (this.value === 4) {
return '9M';
}
if (this.value === 5) {
return '12M';
}
if (this.value === 6) {
return 'Due within';
}
return '';
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
series: []
};