在 dc.js 中正确显示别名图例项（无故障过渡）

Question

我的数据有一个字段（我们称之为Kind），用于内部目的是一个短字符串（短格式），但它映射到相当冗长的字符串（长格式），用于演示。例如：

// Not the real values, but you get the idea...
var kind_map = {'c2a': "Collected Compound Allocations",
                'dee': "Digital Extrapolated Exponents", ...};

在我的可视化小部件中，有一个饼图总结了与Kind 相关的数据。由于我打算显示长格式字符串，因此我已安排将它们显示在饼图之外（请参阅this question）。但是，正如您将在此example fiddle 中注意到的那样，在转换期间，图例项将恢复为其原始过滤器值，即短格式字符串。我想避免这种情况，但到目前为止一直没有成功。我也尝试过修改filterPrinter、filterHandler 等，但行为仍然存在。

我的代码如下：

cxf = crossfilter(raw_data); //raw_data comes from d3.csv, json, whatever
kind_D = cxf.dimension( function(d) { return d.Kind; } );
kind_G = kind_D.group().reduceSum( function(d) { return d.Value; });

kind_chart = dc.pieChart('#kind-chart');
kind_chart.width(a_width)
          .height(a_height)
          .radius(a_radius)
          .dimension(kind_D)
          .group(kind_G)
          .legend( dc.legend().x(this.groups_base_dim).y(50).gap(10) );

// Expand the group's legend with verbose group names from the JSON config
var kind_name_render = function(chart) {
        chart.selectAll(".dc-legend-item text")
             .html( function (d, i) {
                  return kind_map[d.name]; 
              });
    }
kind_chart.on("postRedraw", kind_name_render);
kind_chart.on("postRender", kind_name_render);

Answer 1

您可以使用 2.0 中的新 data function 对组返回的键应用转换。