如何根据屏幕尺寸调整在React App中呈现的图表js的大小

Question

在小屏幕尺寸下，条形图看起来并不好。

这是我的条形图代码：

<Bar 
                    data={this.state.chartData}
                    options={{
                        title:{
                            display:false,
                            text:'Price comparison by car model'
                        },
                        legend:{
                            display:true,
                            position: 'bottom'
                        },
                        layout: {
                            padding: {
                                top: 100,
                                bottom: 100,
                            }
                        },
                        responsive: true,
                        maintainAspectRatio: true,
                    }}
                />

在大屏幕上，图表看起来不错，但随着我缩小浏览器，它变得不可读