diff --git a/src/App.tsx b/src/App.tsx
index 03eff5ad..fe2a0cbb 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -24,17 +24,16 @@ function App() {
return (
+
-
-
)
diff --git a/src/components/StandardLineChart.tsx b/src/components/StandardLineChart.tsx
index 12967eb5..9a94457a 100644
--- a/src/components/StandardLineChart.tsx
+++ b/src/components/StandardLineChart.tsx
@@ -7,25 +7,61 @@ const MyResponsiveLine = () => {
color: 'hsl(315, 70%, 50%)',
data: [
{
- x: 'plane',
- y: 34,
+ x: '1',
+ y: 15,
},
{
- x: 'helicopter',
+ x: '2',
+ y: 12,
+ },
+ {
+ x: '3',
+ y: 43,
+ },
+ {
+ x: '4',
+ y: 20,
+ },
+ {
+ x: '5',
y: 60,
},
{
- x: 'boat',
+ x: '6',
+ y: 5,
+ },
+ {
+ x: '7',
+ y: 15,
+ },
+ {
+ x: '8',
+ y: 12,
+ },
+ {
+ x: '9',
+ y: 43,
+ },
+ {
+ x: '10',
y: 20,
},
+ {
+ x: '11',
+ y: 60,
+ },
+ {
+ x: '12',
+ y: 5,
+ },
],
},
]
return (
{
enableGridX={false}
enableGridY={false}
enablePoints={false}
- pointSize={10}
+ pointSize={1}
pointColor={{ theme: 'background' }}
pointBorderWidth={2}
pointBorderColor={{ from: 'serieColor' }}