开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >如何把Highcharts图表数据下载成 CSV 文件

如何把Highcharts图表数据下载成 CSV 文件

原创

用户4580137

发布于 2026-07-11 09:35:20

发布于 2026-07-11 09:35:20

280

举报

downloadCSV 是 Highcharts Data Export 模块里的方法，用来把图表数据下载成 CSV 文件。

如何使用Highcharts图表数据下载图表数据 CSV 文件

前提是要加载 modules/export-data.js（通常还会配合 modules/exporting.js）。

Highcharts.chart('container', {
  title: {
    text: 'CSV 导出示例'
  },

  xAxis: {
    categories: ['A', 'B', 'C']
  },

  series: [{
    name: '销量',
    data: [1, 3, 2]
  }, {
    name: '利润',
    data: [2, 2, 4]
  }],

  exporting: {
    csv: {
      columnHeaderFormatter: function (item, key) {
        if (!item) {
          return '类别';
        }
        return item.name;
      }
    }
  },

  exporting: {
    showTable: false
  }
});

// 调用下载
Highcharts.charts[0].downloadCSV();

说明

chart.downloadCSV()：直接触发 CSV 下载
需要 export-data 模块
数据会按照当前图表的数据组织方式导出
也可以先调用 chart.getCSV() 获取 CSV 字符串

常见搭配

如果你还想导出：

Excel：chart.downloadXLS()
HTML 表格：chart.viewData()
CSV 文本：chart.getCSV()

更推荐的写法

如果你已经有 chart 实例，直接调用：

chart.downloadCSV();

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

#export-data.js

#CSV 导出示例

评论

登录后参与评论

0 条评论

热度

最新

目录

如何使用Highcharts图表数据下载图表数据 CSV 文件

说明

常见搭配

更推荐的写法