https://i.sstatic.net/7NVBM.gif
The desired outcome is for the tooltip to show all 7 bar values for a specific yAxis entry.
However, it currently only displays the values dynamically for 3 to 7 of the bar values based on the cursor position in the yAxis entry.
This is how the tooltip is defined:
tooltip: {
shared: true,
formatter: function () {
var s = '<b>' + this.x + '</b><br/>';
$.each(this.points, function () {
s += '<span style="color:' + this.series.color + '">' + this.series.name + ': <b>' + section.convertVal(this.y) + '</b><br/>';
});
return s;
},
hideDelay: 50
}
A function is used to convert numeric values to characters:
section.convertVal = function (_intVal) {
switch (_intVal) {
case 1:
return "N";
case 2:
return "S";
case 3:
return "T";
case 4:
return "E";
default:
return "S.O.";
}
}