echarts数据转换为csv格式并下载

原创已于 2024-05-09 10:32:17 修改

· 651 阅读

1 ·

版权

文章标签：

#echarts

于 2024-04-18 17:51:17 首次发布

charts 专栏收录该内容

4 篇文章

订阅专栏

const toolbox = {
  feature: {
    myTool1: {
      show: true,
      title: '下载数据',
      icon: 'path://M18 20.288L21.288 17l-.688-.688l-2.1 2.1v-4.887h-1v4.887l-2.1-2.1l-.688.688zM14.5 23.5v-1h7v1zm-10-4v-17H13L18.5 8v3.14h-1V8.5h-5v-5h-7v15h6.615v1zm1-1v-15z',
      onclick: function () {
        setTimeout(() => {
          // 使用这个函数转换数据为CSV格式
          const csv = convertToCSV(dataList.value[currentIndex.value]);
          // 如果你想提供下载链接
          const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
          const link = document.createElement('a');
          link.href = URL.createObjectURL(blob);
          link.download = 'data.csv';
          link.click();
          function convertToCSV(data) {
            let csv = '';
            // 添加列头
            csv += 'x,y\n';
            // 遍历数据并添加到CSV字符串中
            data.map((item, i) => {
              csv += 'x值' + ',' + 'y值' + '\n';
            });
            return csv;
          }
        }, 10);
      },
    },
  },
};