Применить форматирование валюты к оси Y

Question

Я использую библиотеку React-Vis (https://uber.github.io/react-vis/documentation/general-principles/scales-and-data) для создания линейного графика. Мне удалось установить XType={'time'} для моего компонента <XYPLot/>, чтобы получить значения времени по оси X.

Однако у меня возникают проблемы с изменением числовых значений на оси Y, чтобы они отображались в качестве значений валют. Мне просто нужен знак $ перед числом. Кто-нибудь знает, как это сделать?

Мой рендер() код:

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}`}
/>