找到了一个解决方案。希望这能帮助到别人。我们在项目中有一个Line图表组件。我添加了一个toggleSeries prop -一个用于切换图例/系列项目的v模型，它存储字符串（名称）。所以当我们单击图例项目时，我们会输入图例项目的名称并更新toggleSeries v模型。有一个双向绑定，我们可以初始化一个已经在toggleSeries数组中有项目的图表，或者我们可以把来自Line组件外部的项目放在移动中-图表将被更新。

// Is used for toggling series in chart's 'beforevalidated' hook
    const toggleSeries = (initial?: boolean) => {
      for (const currentSeries of chart.value.series.values) {
        if (toggledSeriesInternal.value.includes(currentSeries.dataFields.valueY)) {
          if (initial) {
            currentSeries.hidden = true
          }
          else {
            currentSeries.hide()
          }
        }
        else {
          if (initial) {
            currentSeries.hidden = false
          }
          else {
            currentSeries.show()
          }
        }
      }
    }

    // Is used for toggling single series items === pushing/removing item names
    // from 'toggledSeries' array
    const toggleSeriesItem = (itemName: string) => {
      const index = toggledSeriesInternal.value.findIndex(name => name === itemName)
      if (index === -1) {
        toggledSeriesInternal.value = [...toggledSeriesInternal.value, itemName]
      }
      else {
        const newToggledSeries = [...toggledSeriesInternal.value]
        newToggledSeries.splice(index, 1)
        toggledSeriesInternal.value = newToggledSeries
      }
    }

    chart.value.events.on('beforevalidated', () => {
      toggleSeries(true)
    })

    chart.value.legend.itemContainers.template.events.on('hit', (ev) => {
      toggleSeriesItem((ev.target.dataItem as am4core.DataItem & { name: string }).name)
    })

    watch(toggledSeriesInternal, () => {
      toggleSeries()
    }, {
      deep: true,
    })

字符串