Plotly.js，如何在plotly.js工具栏x轴上增加文本的专用区域？

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

var data = [{
  x: [1, 2, 3, 4, 5],
  y: [1, 3, 2, 4, 5],
  type: 'scatter'
}];

var layout = {
  title: 'Plot with Custom Annotation',
  xaxis: {
    title: 'X Axis'
  },
  yaxis: {
    title: 'Y Axis'
  },
  annotations: [
    {
      x: 2, // 在x轴上的位置
      y: 4, // 在y轴上的位置
      text: 'Custom Annotation', // 文本内容
      showarrow: false, // 是否显示箭头
      font: {
        family: 'Arial',
        size: 14,
        color: '#ffffff'
      },
      align: 'center', // 文本对齐方式
      bgcolor: '#ff7f0e', // 背景颜色
      opacity: 0.8, // 透明度
      borderpad: 4, // 边框内边距
      bordercolor: '#000000', // 边框颜色
      borderwidth: 2 // 边框宽度
    }
  ]
};

Plotly.newPlot('myDiv', data, layout);