title: Highcharts - timeseries chart with y-axis values need to be group with text labels
body: <p>Need to show y-axis values(as text labels) and it should be grouped as mentioned below and x-axis should be date-time.</p>
  <ul>
  <li><p>Poor - &gt; 20</p>
  </li>
  <li><p>Bad -value 11 to 20</p>
  </li>
  <li><p>Good - value 1 to 10</p>
  </li>
  </ul>
  <p>so there will be 3 ticks/labels for y-axis - good, bad and poor</p>
  <p><a href="http://jsfiddle.net/Wk7sF/" rel="nofollow noreferrer">http://jsfiddle.net/Wk7sF/</a></p>
  <p>$('#container').highcharts({
  chart: {
  type: 'line'
  },</p>
  <pre><code>    xAxis: {
          type:  &quot;datetime&quot;
      },
  
      series: [
          {
              data: [[1611319680000,4],[1611319860000,5],[1611320040000,11],[1611320220000,14],[1611320400000,1],[1611320580000,22],[1611320760000,19],[1611320940000,20],[1611321120000,9],[1611321300000,9]]
             
          },
          ]
  });
  </code></pre>
  <p>Please if anyone can guide me for this problem</p>