小编Lai*_*ser的帖子

d3 chart + jQuery DataTables:无法读取嵌套数组

我正在尝试将这个jQuery DataTables示例改编为我一直在开发的d3图表.

这是一个半工作的Plunker的链接:http://plnkr.co/edit/kXvBjNsCbblC3ykkuPsL?p = preview

问题是某些值显示在表中,而其他值则不显示(特别是来自数组中数组的值).奇怪的是,我得到的错误信息是Cannot read property '0' of undefined指第1074行,其中recordCol定义了第1074行.这很奇怪,因为DataTable中的值recordColstateName两者都显示得很好.同样奇怪的是,即使对于嵌套数组(尽管不是它们的值),所有列标题都会出现.

这是有问题的代码:

function tables(dataset) {

    var recordCol = Object.keys(dataset[0])[0];
    var stateName = Object.keys(dataset[0])[3];
    var dateCol = Object.keys(dataset[0].values[0])[0];
    var valCol = Object.keys(dataset[0].values[0])[1];

    var monthDateFormat = d3.time.format("%B");
    var yearDateFormat = d3.time.format("%Y");
    var properDateFormat = d3.time.format("%B %Y");

      var tableData = dataset.map(function(d) {
        d[recordCol] = d[recordCol].toString().slice(0, 15);
        d[stateName] = d[stateName].toString().slice(0, 20);
        d[dateCol] = d[dateCol];//.toString().slice(0, 20);   
        d[valCol] = d[valCol];///.toString().slice(0, 20);        

        return d;
      }) …
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery datatables d3.js

5
推荐指数
1
解决办法
645
查看次数

标签 统计

arrays ×1

d3.js ×1

datatables ×1

javascript ×1

jquery ×1