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' }}