echarts 柱状图和折线图结合

可以使用 echarts 中的多个 series 组合成一个图表，其中柱状图和折线图就是两种不同类型的 series。以下是一个简单的示例代码：

option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      label: {
        backgroundColor: '#6a7985'
      }
    }
  },
  legend: {
    data:['销量','价格']
  },
  xAxis: [
    {
      type: 'category',
      data: ['衬衫','羊毛衫','雪纺衫','裤子','高跟鞋','袜子']
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: '销量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        formatter: '{value} 件'
      }
    },
    {
      type: 'value',
      name: '价格',
      min: 0,
      max: 25,
      interval: 5,
      axisLabel: {
        formatter: '{value} 元'
      }
    }
  ],
  series: [
    {
      name:'销量',
      type:'bar',
      data:[5, 20, 36, 10, 10, 20]
    },
    {
      name:'价格',
      type:'line',
      yAxisIndex: 1,
      data:[12, 15, 10, 8, 7, 6]
    }
  ]
};

在这个例子中，我们使用了两个 series 来表示销量和价格，其中销量使用了柱状图，价格使用了折线图。yAxis 中定义了两个坐标轴，分别用于表示销量和价格。我们可以通过 yAxisIndex 来指定 series 使用哪个坐标轴。

最后，通过将这个 option 对象传给 echarts 的实例对象，就可以渲染出一个柱状图和折线图结合的图表了。