Как добавить текст в бар на D3.js?

Question

[rinatoptimus]

Есть вертикальный график на D3.js:
https://rinatoptimus.github.io/my-linker-stat2/
Не пойму, как на стобликах вывести их значения, чтоб было как здесь:
alignedleft.com/content/03-tutorials/01-d3/130-mak...
Пробовал добавить:

svg.selectAll("text")
    .data(data.days)
    .enter()
    .append("text")
    .text(function(data){return data.days;
})
    .attr("text-anchor", "middle")
    .attr("x", function(data, i) {
        return i * (w / data.days.length) + (w / data.days.length - barPadding) / 2;
    })
    .attr("y", function(d) {
        return h - (data.days * 4) + 14;
    })
    .attr("font-family", "sans-serif")
    .attr("font-size", "11px")
    .attr("fill", "green");

Сами данные прописаны в коде:

data = {
    names: [
        "(1) Европа",
        "(2) Казань",
        "(3) Санкт-Петербург",
        "(4) Сочи",
        "(5) Екатеринбург",
        "(6) Нижний Новгород",
        "(7) Минск",
        "(8) Великий Устюг",
        "(9) Калининград",
        "(10) Кострома",
        "(11) Петрозаводск",
        "(12) Рязань",
        "(13) Симферополь",
        "(14) Тверь"
    ],
    days: [
        75,
        614,
        621,
        326,
        191,
        193,
        26,
        14,
        146,
        20,
        77,
        15,
        110,
        100
    ]
};

РЕШЕНИЕ: https://jsfiddle.net/db98bzyk/8/

Answer 1

[Kostya Ostapuk]

Так ты пропиши просто стили, чтобы не при наведении отображалось а статично отображалось в column

Comments

[rinatoptimus]

Хочется все-таки разобраться, почему в том примере работает, а тут - нет. И хочется, чтоб внутри столбиков цифры отображались.

[Kostya Ostapuk]

дай архив с проектами, я посмотрю

[rinatoptimus]

Kostya Ostapuk: https://github.com/rinatoptimus/rinatoptimus.githu... Смотрел еще вот этот урок: hdnrnzk.me/2012/07/04/creating-a-bar-graph-using-d3js

[rinatoptimus]

Kostya Ostapuk: На стековефлоу помогли: https://jsfiddle.net/db98bzyk/7/

[rinatoptimus]

rinatoptimus: поторопился, все еще некорректно работает.

Answer 2

[Stepanya]

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

svg.selectAll("text")
    .data(data)
    .enter()
    .append("text")
    .text(function(data){return data.days;})
    .attr("text-anchor", "middle")
    .attr("x", function(data, i) {
        return  x(data.days);
    })
    .attr("y", function(d) {
        return h - (data.days * 4) + 14;
    })
    .attr("font-family", "sans-serif")
    .attr("font-size", "11px")
    .attr("fill", "green");