Morris.js甜甜圈标签

时间:2014-04-09 21:29:20

标签: javascript jquery charts morris.js

我有一个非常令人沮丧的时间,试图将此圆环图中的数据文本标签移到中心之外。 http://jsbin.com/ukaxod/144/embed?javascript,live xpos和ypos是动态生成的,我似乎无法用CSS覆盖它们,我无法找到JS中设置它们的内容。一点帮助将非常感激。感谢

1 个答案:

答案 0 :(得分:1)

中心的标签按设计放置在那里,不能简单地更改。

如果查看源代码,可以找到以下行:

Donut.prototype.redraw = function() {
    // ...
    cx = this.el.width() / 2;
    cy = this.el.height() / 2;
    // ...
    this.text1 = this.drawEmptyDonutLabel(cx, cy - 10, this.options.labelColor, 15, 800);
    this.text2 = this.drawEmptyDonutLabel(cx, cy + 10, this.options.labelColor, 14);
    // ...
}

它计算cx / cy,使它们指向图表的中心,并生成2个标签(用于文本和值)。 您可以更改源代码,也可以尝试在svg代码中找到相应的text标记并更改其x和y属性。