nvd3 tickFormat无法使用reactjs

Question

我正在使用react版本15.6.2和react-nvd3: ^0.5.7 我创建了一个multiBarChart。 我想将tickformat的{​​{1}}更改为完整整数。它是浮动值。请参阅附图。 我希望数字是完整的数字而不是浮动值。

我使用Y-axis此代码来更改刻度格式。但我还没能做到。

我的代码如下：

tickFormat={d3.format('d')

有人可以帮忙吗？

Answer 1

您应该以这种方式设置刻度格式：

<NVD3Chart
  id="barChart"
  type="multiBarChart"
  width={document.body.clientWidth-(document.body.clientWidth*0.13)}
  height={400}
  showLabel={false}
  stacked={true}
  showControls={true}
  showLegend={true}
  datum={this.state.activityOptions}
  color={['#3fceb1','#fff480']}
  x="label"
  y="values"
  reduceXTicks={false}
  yAxis={{
    tickFormat: d3.format('d') // <== !!!
  }}
>

检查the example sandbox。