dc.js：为饼图添加图例

Question

我正在尝试向我的饼图添加图例，但我不断收到错误 TypeError: dc.legend is not a function。

我不确定从哪里着手解决这个问题。我尝试了here 和here 的解决方案，但没有运气。

任何帮助将不胜感激！

var geoValue = facts.dimension(function (d) {
    return d.geo;
});
var geoGroup = geoValue.group();


geoChart
    .width(480)
    .radius(100)
    .innerRadius(90)
    .dimension(geoValue)
    .group(geoGroup)
    .transitionDuration(500)
    .legend(dc.legend().x(250).y(100)) //LEGEND CODE
    .title(function(d){return d.geo;});

Answer 1

语法看起来正确。

我有几个案例，我的传奇也没有出现。这通常是因为我在图表的容器大小之外指定了 .x() 或 .y() 。首先将图例放在 .x(0).y(0) 处，以确保它适合容器。

可以在此处找到饼图的基本 .legend() 的工作小提琴http://jsfiddle.net/za8ksj45/39/

    Working example of original .legend(): line 1018
    Working example of new .legend2(): line 1030

这有点冗长，因为该示例在该部分的开头包含对 legend.js 的修改，可让您在其中添加 (%)。如果您只需要标准图例，请查看第 1018 行。