我正在try 使用Material UI Line chart来显示我的NextJS 14应用程序上的一些数据.数据显示得很好,但图表仅在我将鼠标悬停在图表上时才会渲染线条,而不是在页面加载时立即渲染.轴正确安装,但在鼠标悬停之前不会出现任何线.
以下是我加载图表的方式:
'use client';
import { LineChart } from '@mui/x-charts'
import React from 'react'
const Chart = () => {
return (
<div className='w-full h-full'>
<LineChart
xAxis={[{ data: [1, 2, 3, 5, 8, 10] }]}
series={[
{
data: [2, 5.5, 2, 8.5, 1.5, 5],
color: '#245BFF',
},
]}
disableAxisListener={true}
/>
</div>
)
}
export default Chart;
我试图查看文档,看看我是否丢失了房产,但一无所获.
我还确保添加:MUI setup documentation指定的['@mui/x-charts'] to your next.config.js
如果有人能帮我一把,我真的很感激!