如何为图表创建轴标签？

问题描述

我有以下代码使用@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>
)

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

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

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

解决方法

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

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