vue+elementui 按钮点击弹出柱状图

要实现这个功能，你可以使用 Vue.js 和 ElementUI 的组件库，以及 echarts.js 来绘制柱状图。

首先，你需要在页面中引入 Vue.js、ElementUI 和 echarts.js 的资源文件。然后，在 Vue.js 的组件中，你可以使用 ElementUI 的 Button 组件来创建一个按钮，并为它绑定一个点击事件，当点击按钮时，触发事件来显示柱状图。

下面是一个示例代码：

<template>
  <div>
    <el-button type="primary" @click="showChart">显示柱状图</el-button>
    <div ref="chart" style="width: 600px; height: 400px;"></div>
  </div>
</template>

<script>
import * as echarts from 'echarts';

export default {
  methods: {
    showChart() {
      // 在这里编写绘制柱状图的代码
      const chart = echarts.init(this.$refs.chart);
      chart.setOption({
        // echarts 的配置项
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: [820, 932, 901, 934, 1290, 1330, 1320],
          type: 'bar'
        }]
      });
    }
  }
}
</script>

在这个示例中，我们使用了 ElementUI 的 Button 组件来创建一个按钮，并将它绑定到了 showChart 方法上。在 showChart 方法中，我们使用了 echarts.js 来绘制一个简单的柱状图，并将它显示在页面上。

当你点击按钮时，就会触发 showChart 方法，从而显示柱状图。你可以根据自己的需求，修改 echarts 的配置项来绘制不同类型的图表。