Reactjs DevExtreme上的React甜甜圈图表标签

我正在尝试使用DevExtreme为React生成甜甜圈图表，这是因为缺少适应其他框架的代码源的文档。我可以用道具接收到的数据创建图形，但我很难为它们生成标签

目前，我只能将参数用作图例，如下所示：

我需要它像标签一样显示，例如：

我正在使用库DevExtreme React Wrappers ansy组件甜甜圈是这样的：

import React from 'react';
import PieChart, {Series, Label, Legend, Tooltip} from 'devextreme-react/ui/pie-chart';

class Donut extends React.Component {

    render(){

        return (

                <PieChart
                    type={"doughnut"}
                    palette={"Soft Pastel"}
                    dataSource={this.props.dataSource}
                  >
                  <Legend
                      visible={true} // should be false because I don't want legends, but currently I need them
                      horizontalAlignment={"left"}
                      verticalAlignment={"bottom"}
                      margin={0}
                  />
                  <Series
                      argumentField={'arg'}
                  />
                  <Tooltip
                      enabled={true}
                      shared={true}
                  />
                  <Label //I've tried so many variations adapted from JQuery or Angular documentation, but nothing seems to work.
                      visible={true}
                      format={'fixedPoint'}
                      argumentField={'arg'}
                    />
                </PieChart>
         );
     }
}
export default Donut;

从“React”导入React；
从“devextreme react/ui/PieChart”导入PieChart，{Series，Label，Legend，Tooltip}；
类Donut扩展了React.Component{
render（）{
返回(
);
}
}
出口默认甜甜圈；

---

任何帮助都将不胜感激。：）

标签是系列的一部分，因此标签标签应放置在系列中。Series

argumentField

应设置为

“region”

（根据）

这是关于配置图表的，但不幸的是，18.1.5-alpha.10版本有一个关于标签组件的回归。因此，我向您推荐以下内容：

1） 降级

“devextreme react”

至

“18.1.5-alpha.9”

并跟踪

2） 以这种方式修改代码：

var data = [{
    region: "Asia",
    val: 4119626293
}, {
    region: "Africa",
    val: 1012956064
}, {
    region: "Northern America",
    val: 344124520
}, {
    region: "Latin America and the Caribbean",
    val: 590946440
}, {
    region: "Europe",
    val: 727082222
}, {
    region: "Oceania",
    val: 35104756
}];

class Donut extends React.Component {

    render() {

        return (

            <PieChart
                type={"doughnut"}
                palette={"Soft Pastel"}
                dataSource={data}
            >
                <Legend
                    visible={true} // should be false because I don't want legends, but currently I need them
                    horizontalAlignment={"left"}
                    verticalAlignment={"bottom"}
                    margin={0}
                />
                <Series
                    argumentField={'region'}
                >
                    <Label
                        visible={true}
                        format={'fixedPoint'}
                        connector={{ visible: true }}
                    />
                </Series>
                <Tooltip
                    enabled={true}
                    shared={true}
                />
            </PieChart>
        );
    }
}

var数据=[{
区域：“亚洲”，
瓦尔：4119626293
}, {
区域：“非洲”，
val:1012956064
}, {
区域：“北美洲”，
val:344124520
}, {
区域：“拉丁美洲和加勒比”，
val:590946440
}, {
区域：“欧洲”，
val:727082222
}, {
区域：“大洋洲”，
val:35104756
}];
类Donut扩展了React.Component{
render（）{
返回(