title: Can't Draw Horizontal Line on Graph Using ChartJS Annotation Plugin and Primevue Chart
body: <p>I'm working in Vue 3 Composition and trying to draw a horizontal line across my ChartJS graph using the ChartJS annotation plugin. (<a href="https://www.chartjs.org/chartjs-plugin-annotation/latest/guide/types/line.html" rel="nofollow noreferrer">https://www.chartjs.org/chartjs-plugin-annotation/latest/guide/types/line.html</a>)</p>
  <p>I'm using Primevue Chart component as the implementation of ChartJS.</p>
  <p>I have imported <code>import annotationPlugin from 'chartjs-plugin-annotation';</code> and <code>import Chart from 'primevue/chart';</code> and made my component like:</p>
  <pre><code>&lt;Chart    
    type=&quot;line&quot;
   :data=&quot;data&quot;
   :options=&quot;options&quot;
   :plugins=&quot;annotationPlugin&quot;
  /&gt;
  </code></pre>
  <p>This is what my chart options look like:</p>
  <pre><code>const options = ref({
        plugins: {
          autocolors: false,
          annotation: {
            annotations: {
              line1: {
                type: 'line',
                yMin: 125,
                yMax: 125,
                borderColor: 'rgb(255, 99, 132)',
                borderWidth: 2,
              },
            },
          },
        },
      });
  </code></pre>
  <p>My graph successfully renders, but there is no horizontal line and no errors.</p>
  <p>I think I'm following the documentation correctly, but there must be something I'm missing. Thanks in advance!</p>
  <p><a href="https://i.stack.imgur.com/EmJBw.png" rel="nofollow noreferrer">Graph without horizontal line</a></p>