vue2根据两种下拉选框选中两种不同类型（左边是下拉框的选项是折线图，点线图，散点图，3d散点图，右边选框是单y轴和双y轴）的组合绘制不同的echats

在Vue2中，你可以使用v-model绑定双向数据，结合计算属性和条件渲染来实现这样的功能。首先，定义两个下拉选择框组件，分别用于存储图表类型和y轴类型的数据。例如：

<template>
  <div>
    <select v-model="chartType">
      <option value="line">折线图</option>
      <option value="scatter">散点图</option>
      <option value="3dScatter">3D散点图</option>
      <option value="pointLine">点线图</option>
    </select>

    <select v-model="yAxisType">
      <option value="single">单Y轴</option>
      <option value="double">双Y轴</option>
    </select>

    <echarts :options="getChartOptions()" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartType: 'line',
      yAxisType: 'single',
      // 初始化ECharts配置对象
      chartOptions: {},
    };
  },
  computed: {
    getChartOptions() {
      let options = {
        // 根据图表类型和y轴类型动态生成配置
        series: [], // 这里需要根据你选择的图表类型填充系列配置
        yAxis: [{}, {}] if (this.yAxisType === 'double') else { /* 单Y轴配置 */ }
      };

      switch (this.chartType) {
        case 'line':
          options.series[0].type = 'line';
          break;
        case 'scatter':
          options.series[0].type = 'scatter';
          break;
        case '3dScatter':
          options.series[0].type = 'scatter3D';
          break;
        case 'pointLine':
          options.series[0].type = 'line';
          options.series[1].type = 'scatter';
          break;
      }

      // 如果是双y轴，则设置第二个y轴配置
      if (this.yAxisType === 'double') {
        options.yAxis.push(options.series[1]);
      }

      return options;
    },
  },
};
</script>

在这个例子中，`getChartOptions`是一个计算属性，它会根据`chartType`和`yAxisType`的值动态构建ECharts的配置。你需要根据所选图表类型添加对应的系列配置，比如x轴、y轴等。