dc.js：向饼图添加图例

Question

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

我不确定从哪里开始解决这个问题。我已经尝试了解决方案 here and 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() 工作 fiddle http://jsfiddle.net/za8ksj45/39/

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

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

dc.js：向饼图添加图例

dc.js: Adding a Legend to Pie Chart

javascript

charts

dc.js