更改Raphael"标签"的背景颜色

Question

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

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

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

但这也填补了文本,我最终得到了隐形文本.

我也不能简单地改变这个函数的默认颜色,因为我需要有几个不同的颜色,具体取决于它添加到的一行:

Answer 1

你注意到了,

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

更改背景填充颜色和文本填充颜色,从而产生不可见的文本.

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

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

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