Question

我正在使用React-Vis库（https://uber.github.io/react-vis/documentation/general-principles/scales-and-data）创建折线图。我可以在XType={'time'}组件上设置<XYPLot/>以获得X轴上的时间值。

但是，我无法将Y轴上的数字值更改为货币值。我只需要在数字前面加一个$号即可。有人知道怎么做吗？

我的render（）代码：

render() {
    return (
      <React.Fragment>
        <ChartContainer>
          <h2>{this.state.chartTitle}</h2>
          <FlexibleXYPlot
            xType="time"
          >
            <HorizontalGridLines />
            <VerticalGridLines />
            <LineSeries data={this.state.chartData}/>
            <XAxis title={this.state.XAxisLabel} position='middle' tickSize={2} />
            <YAxis title={this.state.YAxisLabel} position='middle' tickValues={[]} />
          </FlexibleXYPlot>
        </ChartContainer>
      </React.Fragment>
    )
  }

Answer 1

通过在目标轴上设置tickFormat道具来完成：

<YAxis
  title={this.state.YAxisLabel}
  position='middle'
  tickFormat={v => `$${v}`}
/>

将货币格式应用于Y轴

1 个答案: