vue chart 多个系列存在时markAreas如何只显示其中一个系列的markAreas

在Vue Chart中，您可以使用markAreas属性为图表中的特定系列添加标记区域。要仅显示其中一个系列的markAreas，您可以根据特定的系列进行条件判断，并在其他系列上设置markAreas为空数组。以下是一个示例：

data() {
  return {
    chartData: {
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Series 1',
          data: [10, 20, 30, 40, 50, 60, 70],
          markAreas: [
            {
              start: 'March',
              end: 'May',
              color: 'rgba(255, 0, 0, 0.2)'
            }
          ]
        },
        {
          label: 'Series 2',
          data: [20, 30, 40, 50, 60, 70, 80],
          markAreas: [] // 设置为空数组，不显示markAreas
        },
        {
          label: 'Series 3',
          data: [30, 40, 50, 60, 70, 80, 90],
          markAreas: [] // 设置为空数组，不显示markAreas
        }
      ]
    }
  }
}

在上面的示例中，我们将只为'Series 1'添加markAreas，而'Series 2'和'Series 3'的markAreas设置为空数组，以便不显示标记区域