From 51bf7fdfeca2b3858a7ece746f5a64404cbbd2af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CKenzo-Wada=E2=80=9D?= <used.acormhib@gmail.com>
Date: Thu, 26 Sep 2024 00:40:26 +0900
Subject: [PATCH] [mantine.dev] fix demos of Charts

---
 .../demos/charts/AreaChart/AreaChart.demo.pointLabels.tsx | 3 ++-
 .../CompositeChart/CompositeChart.demo.pointLabels.tsx    | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/@docs/demos/src/demos/charts/AreaChart/AreaChart.demo.pointLabels.tsx b/packages/@docs/demos/src/demos/charts/AreaChart/AreaChart.demo.pointLabels.tsx
index 7a957c3d2a..1082dfae1f 100644
--- a/packages/@docs/demos/src/demos/charts/AreaChart/AreaChart.demo.pointLabels.tsx
+++ b/packages/@docs/demos/src/demos/charts/AreaChart/AreaChart.demo.pointLabels.tsx
@@ -12,7 +12,7 @@ function Demo() {
       h={300}
       data={data}
       dataKey="date"
-      type="percent"
+      withPointLabels
       series={[
         { name: 'Apples', color: 'indigo.6' },
         { name: 'Oranges', color: 'blue.6' },
@@ -32,6 +32,7 @@ function Demo() {
       withPointLabels
       series={[
         { name: 'Apples', color: 'indigo.6' },
+        { name: 'Oranges', color: 'blue.6' },
         { name: 'Tomatoes', color: 'teal.6' },
       ]}
     />
diff --git a/packages/@docs/demos/src/demos/charts/CompositeChart/CompositeChart.demo.pointLabels.tsx b/packages/@docs/demos/src/demos/charts/CompositeChart/CompositeChart.demo.pointLabels.tsx
index 2ec7bb0ff5..8fc3e6f62d 100644
--- a/packages/@docs/demos/src/demos/charts/CompositeChart/CompositeChart.demo.pointLabels.tsx
+++ b/packages/@docs/demos/src/demos/charts/CompositeChart/CompositeChart.demo.pointLabels.tsx
@@ -12,11 +12,11 @@ function Demo() {
       h={300}
       data={data}
       dataKey="date"
-      type="percent"
+      withPointLabels
       series={[
-        { name: 'Apples', color: 'indigo.6' },
-        { name: 'Oranges', color: 'blue.6' },
-        { name: 'Tomatoes', color: 'teal.6' },
+        { name: 'Tomatoes', color: 'rgba(18, 120, 255, 0.2)', type: 'bar' },
+        { name: 'Apples', color: 'red.8', type: 'line' },
+        { name: 'Oranges', color: 'yellow.8', type: 'area' },
       ]}
     />
   );