如何在ComposedChart（material-ui）中为XAxis设置静态周期

Question

我尝试配置我的ComposedChar，但XAxis始终是动态的。

对于XAxis我有几分钟的数据，从0到60。

是否可以设置为0,10,20 ... 60。

也许有人知道，请帮忙。

提前致谢。

我的代码如下：

＆＃13;

＆＃13;

<ComposedChart
          width={1240}
          height={600}
          data={validDate}
          margin={{ top: 70, right: 20, bottom: 40, left: 20 }}>
          <XAxis dataKey='name' />
          <YAxis />
          <Tooltip />
          <CartesianGrid stroke='#f5f5f5' />
          <Bar dataKey='time' barSize={30} fill='#413ea0' />
          <Line type='monotone' dataKey='time' stroke='#ff7300' />
</ComposedChart>

＆＃13;

＆＃13;

＆＃13;

图片以便更好地理解