dc.js:向饼图添加图例

时间:2015-05-04 23:12:22

标签: javascript charts dc.js

我试图在饼图中添加图例,但我不断收到错误TypeError: dc.legend is not a function

我不确定从哪里开始修复此问题。我已尝试过解决方案herehere,但没有运气。

任何帮助将不胜感激!

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;});

1 个答案:

答案 0 :(得分:1)

语法看起来正确。

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

可以在这里找到pieChart的基本.legend()的工作小提琴http://jsfiddle.net/za8ksj45/39/

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

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