echarts 右键菜单 vue

要在 Vue 中使用 ECharts 的右键菜单，可以使用 ECharts 的 `toolbox` 组件。首先，在 ECharts 的配置中添加 `toolbox` 组件：

option = {
  ...
  toolbox: {
    feature: {
      saveAsImage: {},
      restore: {},
      dataView: {},
      dataZoom: {},
      magicType: {
        type: ['line', 'bar']
      }
    }
  },
  ...
}

然后，在 Vue 中使用 ECharts 的时候，可以通过 `echarts.init` 方法创建 ECharts 实例，并在创建实例时传入 `toolbox` 组件的配置：

<template>
  <div ref="chart" style="height: 400px;"></div>
</template>

<script>
import echarts from 'echarts'

export default {
  mounted() {
    const chart = echarts.init(this.$refs.chart)
    chart.setOption({
      ...
      toolbox: {
        feature: {
          saveAsImage: {},
          restore: {},
          dataView: {},
          dataZoom: {},
          magicType: {
            type: ['line', 'bar']
          }
        }
      },
      ...
    })
  }
}
</script>

这样，就可以在 ECharts 中使用右键菜单了。