如何在chartjs中增加拖动的高亮区域最小值和最大值

Question

我正在使用react-chartjs-2绘制图表，现在我需要增加高亮区域的最小值和拖动功能的最大值是否可能？要突出显示图表，我正在使用chartjs-plugin-annotation，我尝试使用chartjs-plugin-draggable，但它也不适用于我。如果有可能给我提供示例代码？

我的数组

const highlightChart = [
      {
        drawTime: 'beforeDatasetsDraw',
        type: 'box',
        xScaleID: 'x-axis-0',
        yScaleID: 'y-axis-0',
        xMin: 0.019,
        xMax: 0.305,
        backgroundColor: 'rgba(101, 33, 171, 0.5)',
        borderColor: 'rgb(101, 33, 171)',
        borderWidth: 1,
        draggable: true,
        onDrag: function(event) {
            console.log(event);
        }
      },
    ];

annotation: {
        drawTime: 'afterDraw',
        events: ['click'],
        annotations: highlightChart,
      },