如何在网格中设置HighCharts的宽度

Question

我在ReactJs中有下面的代码，它使用材料ui Grid来对齐高图，但是图表的宽度与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>

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

Answer 1

您可以通过在道具中添加containerProps={{ style: { width: "300px", height: "300px" } }}属性来设置高度图表的高度和宽度。

<LineChart
        chartData={ChartData2}
        containerProps={{ style: { width: "300px", height: "300px" } }}
    />

希望这对您有用！