vue2中使用折线柱线混合图

要在Vue2中使用折线柱线混合图，可以使用ECharts库。以下是一个简单的示例：

安装ECharts

npm install echarts --save

在Vue组件中引入ECharts

import echarts from 'echarts'

创建一个div元素用于渲染图表

<div id="myChart" style="width: 600px;height:400px;"></div>

在Vue组件的mounted钩子中初始化图表

mounted () {
  const chart = echarts.init(document.getElementById('myChart'))

  // 配置项
  const option = {
    title: {
      text: '折线柱线混合图'
    },
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      data: ['销量', '利润']
    },
    xAxis: {
      type: 'category',
      data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: [
      {
        type: 'value',
        name: '销量',
        axisLabel: {
          formatter: '{value} 件'
        }
      },
      {
        type: 'value',
        name: '利润',
        axisLabel: {
          formatter: '{value} 元'
        }
      }
    ],
    series: [
      {
        name: '销量',
        type: 'line',
        data: [120, 200, 150, 80, 70, 110, 130],
        yAxisIndex: 0
      },
      {
        name: '利润',
        type: 'bar',
        data: [50, 80, 60, 30, 20, 40, 50],
        yAxisIndex: 1
      }
    ]
  }

  // 使用刚指定的配置项和数据显示图表。
  chart.setOption(option)
}

在上面的例子中，我们使用了ECharts的init方法创建了一个图表实例，并使用了一个配置项来配置折线柱线混合图。最后，使用setOption方法将配置项应用到图表中。

以上是一个简单的折线柱线混合图的例子。如果需要更多的配置项和复杂的图表，可以参考ECharts的文档