Reactjs React-ChartJS-2使用标签时消失图表

我目前正在学习React，并尝试实现一个极地区域图。当我在图表中添加所有标签时，这些标签将消失。我已经扩展了高度和宽度，看看这是否解决了问题。我意识到代码可能不是最好的，因为我正在学习，所以欢迎任何建议。另外，如果有人对样式有任何建议，因为我希望标签围绕图表，所以一月将紧靠一月的数据，等等

datasets: [
    {
      data: [11, 16, 7, 3, 14, 11, 16, 7, 3, 14, 55, 87],
      backgroundColor: [
        "#FF6384",
        "#4BC0C0",
        "#FFCE56",
        "#E7E9ED",
        "#36A2EB",
        "#36A2EB",
        "#36A2EB",
        "#36A2EB",
        "#36A2EB",
        "#36A2EB",
        "#36A2EB",
        "#36A2EB"
      ]
    }
  ],
  labels: [
    "January",
    "February",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "December"
  ]
};

 <div id="chartjs">
     <Polar id="chart" data={data} />
 </div>

数据集：[
{
数据：[11,16,7,3,14,11,16,7,3,14,55,87]，
背景颜色：[
“#FF6384”，
“#4BC0C0C0”，
“#FFCE56”，
“#E7E9ED”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”
]
}
],
标签：[
“一月”，
“二月”，
“三月”，
“四月”，
“五月”，
“六月”，
“七月”，
“八月”，
“9月”，
“十月”，
“11月”，
“12月”
]
};

您可以使用标签插件（

chartjs插件标签

）沿每个区域的外部添加标签

请参阅以下工作片段

$（文档）.ready（函数（）{
新图表（document.getElementById（'myChart'）。getContext（'2d'）{
类型：“polarArea”，
数据：{
数据集：[
{
数据：[11,16,7,3,14,11,16,7,3,14,55,87]，
背景颜色：[
“#FF6384”，
“#4BC0C0C0”，
“#FFCE56”，
“#E7E9ED”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”，
“#36A2EB”
]
}
],
标签：[
“简”，
“二月”，
“三月”，
“四月”，
“五月”，
“六月”，
“七月”，
“八月”，
“九月”，
“十月”，
“11月”，
“十二月”
]
},
选项：{
回答：是的，
插件：{
标签：{
渲染：“标签”，
是的，
位置：'外部'
}
}
}
});
});
我会在实例中执行此操作。我是这样做的-

export default class ChangeHere extends Component {
  ChangeHere = React.createRef();

  componentDidMount() {
    const ChangeHere = this.ChangeHere .current.getContext("2d");

    new Chart(PendingOrdersChart, {
      type: "polarArea",
      data: {
        labels: ["1", "2", "3", "4"],
        datasets: [
          {
            data: [125, 375, 300, 240],
            backgroundColor: "#57C5C8",
            borderWidth: 4,
            hoverBorderColor: "white",
            label: "Pending Orders"
          }
        ]
      },

我已将图表转换为实例，但遗憾的是水平条形图仍然无法显示。我认为这一定是chart js的一个bug，希望下一次更新能够解决这个问题。