javascript - 更改拉斐尔 "Label"的背景颜色

Question

如果我创建一个 Label使用 Raphael，默认样式是带有白色文本的黑色 block 。

如何更改背景框颜色，而不是文本颜色？我试过:

paper.label(x, y, value).attr("fill", colour)

但这也填充了文本，我最终得到了不可见的文本。

我也不能简单地更改 this function 中的默认颜色因为根据添加到的行，我需要一些不同的:

Answer 1

正如你所注意到的，

Paper.label(x, y, value).attr(
    fill : color
);

同时更改背景填充颜色和文本填充颜色，导致文本不可见。

Unspecified 正确地解释了这是一个数组，因此每个部分都必须单独更改，如图所示。但是，他们没有提到更改更新两组属性的最简单方法，所以我想分享这个技巧。为此，将属性更改为包含两组的数组。第一个元素是背景，第二个是文本。

Paper.label(x, y, value).attr([{
    fill : backgroundColor
}, {
    fill : textColor
}]);

您可以向每个部分添加任何其他适用的属性。这是一个工作示例:http://jsfiddle.net/VzpeG/1/