title: Highcharts - Tooltip not displaying all series values on hover
body: <p><a href="https://i.stack.imgur.com/7NVBM.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7NVBM.gif" alt="GIF of the issue"></a></p>
  
  <p>The intended behaviour here is to have the tooltip display all 7 the bar values for a specific yAxis entry. </p>
  
  <p>Instead it's displaying the values dynamically for 3 to 7 of the bar values depending on where the cursor is located in the yAxis entry.</p>
  
  <p>The tooltip definition:</p>
  
  <pre><code>tooltip: {
              shared: true,
              formatter: function () {
                  var s = '&lt;b&gt;' + this.x + '&lt;/b&gt;&lt;br/&gt;';
                  $.each(this.points, function () {
                      s += '&lt;span style="color:' + this.series.color + '"&gt;' + this.series.name + ': &lt;b&gt;' + section.convertVal(this.y) + '&lt;/b&gt;&lt;br/&gt;';
                  });
                  return s;
              },
              hideDelay: 50
          }
  </code></pre>
  
  <p>Display function that converts numeric values to sings:</p>
  
  <pre><code>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.";
      }
  }
  </code></pre>
  
  <p><a href="https://pastebin.com/ayb9vB4M" rel="nofollow noreferrer">Highchart definition here</a></p>
  
  <p><a href="https://pastebin.com/nhrGzrCS" rel="nofollow noreferrer">Sample data here</a></p>