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