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])