css - 如何设置适合网格的 HighCharts 的宽度

Question

我在 ReactJs 中有以下代码，它使用材料 uiGrid来对齐高图表，但图表宽度不适合它应该在屏幕中的宽度，而是在第一个和第二个图表之间Grid有足够的whitespace.

<Grid container item xs={12} md={12} style={{ marginLeft: '0.5%' }}>
<Grid container item xs={6} md={6}>
    <LineChart
        chartData={ChartData1}
    />
</Grid>

<Grid container item xs={6} md={6}>
    <LineChart
        chartData={ChartData2}
    />
</Grid>

我没有width在我的 highChart 配置中提供任何信息。我的设计有什么问题？

标签： cssreactjshighcharts