javascript - 可以让标签在 raphael.js 条形图上工作

Question

当我尝试获取拉斐尔图表标签时，出现此错误:

bars[i * (multi || 1) + j] is undefinedhttp://localhost:8080/en/plugins/SocialConversationPlugin/js/g.bar-min.jsLine 149

the line :

L = paper.g.text(bars[i * (multi || 1) + j].x, isBottom ? y + height - barvgutter / 2 : bars[i * (multi || 1) + j].y - 10, label).insertBefore(covers[i * (multi || 1) + j]);

我的代码:

$$("#activityTab td.month").each(function (s) {
      labels.push(s.innerHTML);
    }); 


    var r = Raphael("holder",1000,260),
    data2 = [ligne1, ligne2, ligne3],
    fin = function () {
             this.flag = r.g.popup(this.bar.x, this.bar.y, this.bar.value || "0").insertBefore(this);
          },
          fout = function () {
             this.flag.animate({opacity: 0}, 300, function () {this.remove();});
    };

    r.g.txtattr.font = "12px 'Fontin Sans', Fontin-Sans, sans-serif";

    r.g.text(562, 250, "Multiple Series Stacked Chart");

    r.g.barchart(150, 10, 700, 220, data2, {stacked:false, type: "soft"})
    .hover(fin, fout)
    .label(labels);

图表已绘制，但我只是将第一个标签的第一个字母绘制到图表中。

Answer 1

因为this issue 。

可以通过使用此github repository中的g.bar.js文件来解决.