如何在nvd3中在Y軸上設置自定義刻度和標籤

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。