vue2 echarts图表讲图形导出到excel中

要将 Vue2 Echarts 图表导出到 Excel 中，可以使用以下步骤：

1. 安装 FileSaver 和 XLSX 两个库：

2. 创建一个按钮，用来触发导出操作：

<button @click="exportToExcel">导出到Excel</button>

3. 在 Vue 实例中定义 exportToExcel 方法，该方法将图表数据转换为 Excel 文件并下载：

import { saveAs } from 'file-saver'
import XLSX from 'xlsx'

export default {
methods: {
exportToExcel() {
// 获取图表实例
const chart = this.$refs.chart.echartsInstance

// 获取图表数据
const option = chart.getOption()
const data = option.series[0].data

// 将数据转换为 Excel 文件
const worksheet = XLSX.utils.json_to_sheet(data)
const workbook = XLSX.utils.book_new()
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' })

// 下载 Excel 文件
const filename = 'chart-data.xlsx'
const blob = new Blob([excelBuffer], { type: 'application/octet-stream' })
saveAs(blob, filename)
}
}
}

在这个例子中，我们使用了 FileSaver 和 XLSX 库，将图表数据转换为 XLSX 格式，并通过 saveAs 方法将生成的 Excel 文件下载到本地。