Как установить пользовательские тики и метки по оси Y в nvd3

Question

Я хотел бы установить индивидуальный тиковый номер и метки для моей дискретной диаграммы, сделанной в nvd3. Проблема состоит в том, что метки и значения должны отображаться в соотношениях, таких как 10: 1, 8: 1 и т. Д., Но фактическая высота бара, показанная цифрами 10, 8 и т. Д. Есть ли способ создания пользовательских меток по оси y и по мыши подсказки в nvd3?

Answer 1

Вы можете сделать это с помощью tickFormat (который на самом деле является сырым метод D3):

chart.yAxis 
    .tickFormat(function (d) { 
     return d + ':' + 1; 
    }); 

NVD3 будет автоматически использовать этот формат в подсказке.

Если вы хотите редактировать содержимое всплывающей подсказки отдельно, вы можете использовать метод tooltipContent (другие методы, вероятно, будут добавлены in the next release of NVD3).

chart.tooltipContent(function (key, x, y, e, graph) { 
    return '<h3>' + key + '</h3>' + 
     '<p>' + y + ' on ' + x + '</p>'; 
}); 

См. this Plunker.