我试图复制其他解决方案，但不起作用。图表显示，但没有注解行。显示我的代码如下。非常感谢您的关注。集成在base.html上

<script src="path/to/chartjs/dist/chart.min.js"></script>
<script src="path/to/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>

在扩展base.html之后的另一个页面上：

<script>

  // jquery function
  $(document).ready(function(){
    const ctx = document.getElementById('myChart');

    const labels = [{% for item in query_set%}'{{item.analysis_date}}',{% endfor %}];

    const data = {
      labels: labels,
      datasets: [
      //Если добавить еще один - будет сдвоенный график
        {
          label: '{{analysis_info.a_name}} - {{analysis_info.a_measur}}',
          data: [{% for item in query_set%}'{{item.analysis_data}}',{% endfor %}],
          borderColor: 'rgb(75, 192, 192)',
          borderWidth: 4,
          
        },
      ]
    };

    const options = {
      scales: {
        yAxes: [{
          ticks: {
            beginAtZero: true,
            min: 0
          }
        }]
      },
      animation: {
            duration: 1500,
        },
      plugins: {
        autocolors: false,
        annotation: {
          annotations: {
            box1: {
              // Indicates the type of annotation
              type: 'line',
              yMin: 10,
              yMax: 10,
              backgroundColor: 'rgba(255, 99, 132, 0.25)'
            }
          }
        }
      }
    }
    const config = {
      type: 'line',
      data,
      options,
      };

    const chart = new Chart(ctx, config);

  });
</script>
{% endblock scripts %}

但没有React
我相信解决办法很简单，但我被卡住了