[javascript] Recharts에서 축 또는 그리드를 표시하지 않는 방법은 무엇인가요?
축을 비활성화하려면 xAxis
및 yAxis
의 hide
속성을 true
로 설정하면 됩니다. 예를 들어, 다음과 같이 사용할 수 있습니다:
<LineChart data={data}>
<XAxis hide />
<YAxis hide />
<Line type="monotone" dataKey="value" stroke="#8884d8" />
</LineChart>
그리드를 비활성화하려면 xAxis
및 yAxis
의 tick
속성을 false
로 설정하면 됩니다. 예를 들어, 다음과 같이 사용할 수 있습니다:
<LineChart data={data}>
<XAxis tick={false} />
<YAxis tick={false} />
<Line type="monotone" dataKey="value" stroke="#8884d8" />
</LineChart>
위의 예제에서 data
는 차트에 표시할 데이터입니다. LineChart
는 라인 차트를 생성하고, XAxis
와 YAxis
는 각각 x축과 y축을 나타내며, Line
은 실제 데이터를 그려주는 역할을 합니다.
Recharts 문서(https://recharts.org/en-US/api)에서 제공하는 다양한 옵션들을 사용하여 차트를 구성할 수 있습니다.