如何为图表创建轴标签？

Question

我有以下代码使用@devexpress/dx-react-chart-material-ui生成条形图：

import React from 'react'
import { Chart, ArgumentAxis, ValueAxis, BarSeries } from '@devexpress/dx-react-chart-material-ui';


const data = [
  { label: 'Foobar', value: 58 },
  { label: 'Bazplugh', value: 37 },
  // etc...
]

const MyChart = () => (
    <Chart data={data} rotated={true}>
      <ValueAxis />
      <ArgumentAxis />
      <BarSeries argumentField="label" valueField="value" barWidth={0.8} />
    </Chart>
)

并呈现出看起来非常不错的条形图：

但是，它没有轴标签，而且我一辈子都找不到解决方法。

如何为轴添加标签以指定要测量的内容，单位等？

Answer 1

你可以试试这个来标记 y 轴

    <ValueAxis position="right">
      <Title text="millions" />
    </ValueAxis>