Как сжимать текстовые метки и добавлять атрибуты для инфо-окна наведения в D3-пузырьковой диаграмме?

Question

Как я могу сжимать или обрезать текстовые метки, поэтому очень длинные идентификаторы не больше, чем пузырьки в моей диаграмме?

Кроме того, как добавить дополнительные атрибуты из моего csv для отображения в информационном окне при зависании над пузырем? Я предполагал, что это было сделано в строке кода ниже, однако, он возвращается как неопределенный, когда я запускаю его. Я хочу добавить атрибуты для Author and Genre.

node.append("title") 
    .text(function(d) { return d.id + "\n" + "Pages: " +format(d.value); }); 
}); 

Вот мой plunker для полного кода: https://plnkr.co/edit/nWPuZgZaomSSKSuY6sNB?p=preview

Answer 1

Вот часть ответа, ваше Жанровое и Автор поле спрятано под данными.

return d.id + "\n" + "Pages: " + format(d.value) + "\n" + 
"Author: " + d.data.Author + "\n" + "Genre: " + d.data.Genre; 

https://plnkr.co/edit/lEHToojJ8YzUoVSxE7cr?p=preview