vue点击按钮生成echarts

你可以使用Vue和ECharts库来实现点击按钮生成ECharts图表的功能。下面是一个简单的示例代码：

首先，安装依赖：

npm install echarts vue-echarts

然后，在你的Vue组件中，引入所需的库：

import echarts from 'echarts'
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/title'
import VueECharts from 'vue-echarts'

// 注册ECharts组件
Vue.component('v-chart', VueECharts)

接着，在模板中添加一个按钮和一个ECharts组件：

<template>
  <div>
    <button @click="generateChart">生成图表</button>
    <v-chart :options="chartOptions"></v-chart>
  </div>
</template>

在组件的`data`中定义图表的配置项和数据：

data() {
  return {
    chartOptions: {}
  }
}

然后，实现`generateChart`方法，在点击按钮时生成图表：

methods: {
  generateChart() {
    // 构造图表配置项
    let options = {
      title: {
        text: '示例图表'
      },
      tooltip: {},
      xAxis: {
        data: ['A', 'B', 'C', 'D', 'E']
      },
      yAxis: {},
      series: [{
        name: '数据',
        type: 'bar',
        data: [5, 20, 36, 10, 15]
      }]
    }

    // 更新图表配置项
    this.chartOptions = options
  }
}

这样，当你点击按钮时，图表就会根据`chartOptions`中的配置进行生成和更新。

注意：以上示例仅为简单示例，实际使用时可以根据ECharts的文档进行更复杂的配置和数据处理。