如何解决图表组件没有占用我给的大小,占了整个屏幕react-chartjs-2
我尝试像在文档中一样设置高度和宽度,但它占据了整个屏幕。我试过在 CSS 中给它一个大小;没有用,我还在“maintainAspectRatio”设置之间切换,其中 true 和 false 对图表没有影响。
这里是条形图组件代码:
<Bar className="bar-chart"
data={data}
width={450}
height={600}
options={{
scales: {
yAxes: [
{
ticks: {
beginAtZero: true,},],maintainAspectRatio: false,legend:{
display:true,position:'bottom'
}
}}
/>
条形图位于类组件返回语句的最后一个 div 中,因此该 div 上没有样式或 CSS 显示设置。任何帮助,将不胜感激
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。