可能是数据或图表配置出了问题。可以先检查数据是否正确,然后检查是否正确配置了图表。以下是一个基本的环形图代码示例,可供参考:
import React, { Component } from 'react'; import Chart from "react-apexcharts";
class DonutChart extends Component { constructor(props) { super(props);
this.state = {
options: {
chart: {
type: "donut"
},
labels: ['Option One', 'Option Two', 'Option Three'],
dataLabels: {
enabled: true,
offsetY: -20,
style: {
fontSize: '16px',
fontFamily: "sans-serif"
}
},
plotOptions: {
pie: {
dataLabels: {
offset: -10,
minAngleToShowLabel: 5
}
}
}
},
series: [44, 55, 41],
};
}
render() {
return (
export default DonutChart;
这个示例使用了 Apex React Chart 的“donut”类型。如果你的图表仍然出现问题,可以尝试调整样式或尝试其他图表类型。
上一篇:Apex区域图背景未按预期工作