将数据从 dc.js dataTable 导出到 CSV

Question

我有一个数据 table 由 dc.js 和 crossfilter.js 完成，我想将那个 table 导出到 CSV 文件..

dataTable.width(960).height(800)
.dimension(by_id)
.group(function(d) { return ""
 })
.size(data.length)                          
.columns([
  function(d) { return d.id; },
  function(d) { return d.name; },
  function(d) { return d.gender; },
  function(d) { return parseFloat(d.GPA).toFixed(2); },
  function(d) { return parseFloat(d.Major_GPA).toFixed(2); },
  function(d) { return parseFloat(d.Math_GPA).toFixed(2); },
  function(d) { return parseFloat(d.English_GPA).toFixed(2); },
  function(d) { return parseFloat(d.Science_GPA).toFixed(2); },
  function(d) { return parseFloat(d.Humanities_GPA).toFixed(2); }
  ])
.sortBy(function(d){ return d.id; })
.order(d3.ascending);

Answer 1

这是一个常见的请求，因此我使用 FileSaver.js 添加了一个示例。（可能还有其他从浏览器下载的好方法，但这是我熟悉的方法。）

http://dc-js.github.io/dc.js/examples/download-table.html

关键是使用 dimension.top(Infinity) 从 table 的维度中获取所有数据。然后您可以使用 d3.csv.format 格式化它并使用您喜欢的方法下载它。这里，FileSaver 使用 Blobs 作为机制：

    var blob = new Blob([d3.csv.format(nameDim.top(Infinity))],
                        {type: "text/csv;charset=utf-8"});
    saveAs(blob, 'data.csv');

将数据从 dc.js dataTable 导出到 CSV

Export Data from dc.js dataTable into CSV

javascript

csv

crossfilter

dc.js