莫里斯.js甜甜圈标签

Morris.js Donut labels

本文关键字：标签 甜甜圈 js 莫里斯      更新时间：2023-09-26

我试图将数据文本标签从这个圆环图移动到中心之外，这让我非常沮丧。http://jsbin.com/ukaxod/144/embed?javascript居住xpos和ypos是动态生成的，我似乎无法用CSS覆盖它们，也找不到是什么在JS中设置它们。如果能提供一点帮助，我们将不胜感激。感谢

中心的标签是按设计放置的，不能简单更改。

如果你查看源代码，你可以找到以下几行：

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属性。

相关文章：