Добавление прокладки к графикам gRaphael?

Question

В дополнение к очень маленькому документу, доступному онлайн, я смог разработать, как создать приведенный ниже график, используя Raphael.js и аддон gRaphael. Я довольно смущен тем, как я могу стилизовать теги, которые появляются во время зависания на каждой точке данных. Как добавить прописку вокруг текста?

Вот как это выглядит прямо сейчас:

Код:

var r = Raphael("graphcontainer"); 
var linec = r.linechart(10,10,300,220,[1,2,3,4,5],[10,20,15,35,30], {colors:["#009933"], symbol:"circle", smooth: false}); 

linec.hoverColumn(function() { 
    this.tags = r.set(); 
    for (var i = 0, ii = this.y.length; i < ii; i++) {   
     this.tags.push(r.tag(this.x + 10, this.y[i], this.values[i]+"tkr", 0, 0).insertBefore(this).attr([{ fill: "#fff" }, { fill: this.symbols[i].attr("fill") }])); 
    } 
}, function() { 
    this.tags && this.tags.remove(); 
}); 

Answer 1

У меня была аналогичная проблема с осью.

Возможно, вам понадобится получить объект Raphael и превратить его в объект jQuery, а затем создать через jQuery.

Что-то вроде этого:

for (var i = 0, ii = this.y.length; i < ii; i++) {   
    this.tags.push(r.tag(this.x + 10, this.y[i], this.values[i]+"tkr", 0, 0).insertBefore(this).attr([{ fill: "#fff" }, { fill: this.symbols[i].attr("fill") }])); 
    var $jQueryObject = $(this.tags.node); 
    $jQueryObject.css('font-size', '30px') 
} 

Пожалуйста, обратите внимание, что не все атрибуты CSS работать с этим решением. Я не уверен, почему, если у кого-то есть некоторые комментарии по этому поводу, мы будем очень благодарны.

Возможны некоторые корректировки. Сообщите нам свой опыт;)

Надеюсь, это поможет!