Delete StandartStream.tsx

This commit is contained in:
Hristo Nedelkov 2023-08-11 14:30:12 +03:00
parent 7ea3582e3d
commit 1896083bb5
1 changed files with 0 additions and 94 deletions

View File

@ -1,94 +0,0 @@
import { ResponsiveStream } from '@nivo/stream'
// make sure parent container have a defined height when using
// responsive component, otherwise height will be 0 and
// no chart will be rendered.
// website examples showcase many properties,
// you'll often use just a few of them.
const MyResponsiveStream = () => {
const data = [
{
Raoul: 27,
Josiane: 160,
Marcel: 41,
René: 132,
Paul: 57,
Jacques: 194,
},
{
Raoul: 62,
Josiane: 88,
Marcel: 85,
René: 167,
Paul: 179,
Jacques: 170,
},
{
Raoul: 154,
Josiane: 194,
Marcel: 27,
René: 63,
Paul: 67,
Jacques: 49,
},
{
Raoul: 14,
Josiane: 179,
Marcel: 186,
René: 161,
Paul: 53,
Jacques: 73,
},
{
Raoul: 10,
Josiane: 43,
Marcel: 31,
René: 186,
Paul: 151,
Jacques: 163,
},
{
Raoul: 82,
Josiane: 39,
Marcel: 173,
René: 151,
Paul: 52,
Jacques: 167,
},
{
Raoul: 800,
Josiane: 67,
Marcel: 23,
René: 174,
Paul: 190,
Jacques: 86,
},
]
return (
<ResponsiveStream
data={data}
keys={['Raoul', 'Josiane', 'Marcel', 'René', 'Paul', 'Jacques']}
margin={{ top: 0, right: 0, bottom: 0, left: 0 }}
axisTop={null}
axisRight={null}
axisBottom={null}
axisLeft={null}
enableGridY={false}
offsetType="silhouette"
dotSize={8}
dotColor={{ from: 'color' }}
dotBorderWidth={2}
dotBorderColor={{
from: 'color',
modifiers: [['darker', 1]],
}}
isInteractive={false}
enableStackTooltip={false}
/>
)
}
export default MyResponsiveStream