javascript - 防止 NVD3 图表轴出现负值

Question

您好，我需要使用 NVD3/D3 将线图限制为具有不带负数的 Y 轴。我正在尝试根据 this answer 来做到这一点像这样:

chart.y1Axis.scale().domain([0, maxValue])
            .tickFormat(d3.format(',f'));

但是将“.scale().domain([0, maxValue])”添加到链中会杀死整个图表。我不知道如何做这个基本的事情，也找不到有效的例子。有什么想法吗？谢谢!

Answer 1

y1Axis.scale() 返回一个比例对象，.domain([0, maxValue]) 对其进行修改。

.tickFormat(d3.format(',f')) 需要一个轴对象，而不是一个比例对象。要解决此问题，请在修改完轴后放置 .scale():

chart.y1Axis
    .tickFormat(d3.format(',f'))
    .tickValues([1, 2, 3, 5, 8, 13, 21])
    .etc(...)
  .scale()
    .domain([0, maxValue])