如何在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。