title: Highlight background on a single hour with chart.js and annotations
body: <p>I'm using chart.js and chartjs-plugin-annotation to highlight areas on a graph:</p>
  
  <p><a href="https://i.stack.imgur.com/3AbpE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3AbpE.png" alt="Highlight hour"></a></p>
  
  <p>The following config generates the result above:</p>
  
  <pre><code>annotation: {
      events: ["click"],
      annotations: [
          {
              type: "box",
              drawTime: "beforeDatasetsDraw",
              xScaleID: 'x-axis-0',
              yScaleID: 'y-axis-0',
              xMin: "2019-08-09T07:00:00Z",
              xMax: "2019-08-09T09:00:00Z",
              yMin: 0,
              yMax: 7,
              borderWidth: 0,
              backgroundColor: "rgba(230,97,79,0.3)",
              onClick: function (e) {
                  console.log("Annotation", e.type, this);
              }
          }
      ]
  }
  </code></pre>
  
  <p>I want to be able to highlight a single hour, though:</p>
  
  <p><a href="https://i.stack.imgur.com/owl4a.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/owl4a.png" alt="Highlight single day"></a></p>
  
  <p>Anyone if this is possible using the annotations plugin?</p>