Есть ли способ создать линию, идущую от маркера на временной шкале к тексту?

Question

http://jsfiddle.net/apcsqrgn/

Вот пример кода, показывающего временную шкалу. Кто-нибудь знает, как создать линию, идущую от точечного маркера на временной шкале до текста над ней? Спасибо

может иметь какое-то отношение к этому:

    $svg.circle = function (cx, cy, r, options) {
        var element = $(svg("circle"))
            .attr("cx", cx)
            .attr("cy", cy)
            .attr("r", r);
        setSvgOptions(element, options);
        return element;
    };

Answer 1

Если я правильно понимаю ваш вопрос, то вы пытаетесь нарисовать дополнительную вертикальную линию от черных точек до меток непосредственно над ними, например:

Для этого вы можете вызвать $svg.line() в функции drawEvent вашего Timeline прототипа со следующими параметрами и конфигурацией:

    var newLine = $svg.line(
        x,                // Horizontal offset of the line being drawn
        this.height,      // Height is the vertical height of timeline
        x,                // Re-use "x" to achieve vertical line 
        this.height - 30) // 30 represents the height of newLine
    .attr("stroke", "#000000")
    .attr("stroke-width", 1)
    .appendTo(group);     // Adds this newLine to the current svg group

Рабочий пример: https://jsfiddle.net/ygqw2a9j/