echarts的散点图和折线图合并

使用Echarts可以很容易地实现散点图和折线图的合并展示。具体实现方法是定义两个数据系列，一个用于折线图，一个用于散点图，并将它们分别配置好。然后将两个数据系列的配置对象合并成一个option对象，并将其设置到Echarts实例中即可。在合并配置对象时，需要注意各个配置项的名称和格式。下面是一个示例代码：

// 定义折线图的配置对象
var lineOption = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: '折线图',
    type: 'line',
    data: [120, 132, 101, 134, 90, 230, 210]
  }]
};

// 定义散点图的配置对象
var scatterOption = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: '散点图',    type: 'scatter',
    data: [120, 132, 101, 134, 90, 230, 210]
  }]
};

// 将两个配置对象合并成一个option对象
var option = {
  xAxis: [{
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  }],
  yAxis: [{
    type: 'value'
  }],
  series: [{
    name: '折线图',
    type: 'line',
    data: [120, 132, 101, 134, 90, 230, 210]
  }, {
    name: '散点图',
    type: 'scatter',
    data: [120, 132, 101, 134, 90, 230, 210]
  }]
};

// 创建Echarts实例并设置option对象
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);