kylefang/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/zhigang1992/DefinitelyTyped.git synced 2026-06-03 06:27:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update recharts-tests.tsx

Browse Source
This commit is contained in:
Jack Walters
2018-05-18 11:05:14 -07:00
committed by GitHub
parent d3285aecfb
commit b1f8a39a7f
1 changed files with 48 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
types/recharts/recharts-tests.tsx
View File

@@ -88,6 +88,7 @@ class Component extends React.Component<{}, ComponentState> {
};
return (
<div style={{width: "100%", height: "100%"}}>
<div>verticalFill sample</div>
<ResponsiveContainer>
<LineChart width={500} height={300} data={data}>
<XAxis dataKey="name">
@@ -96,7 +97,53 @@ class Component extends React.Component<{}, ComponentState> {
<YAxis>
<Label>Y axis</Label>
</YAxis>
<CartesianGrid stroke="#eee" strokeDasharray="5 5" />
<CartesianGrid vertical={true} horizontal={false} verticalFill={["#fafafa", "#c8c8c8"]} />
<Line type="monotone" dataKey="uv" stroke="#8884d8" onClick={ this.clickHandler } />
<Line type="monotone" dataKey="pv" stroke="#82ca9d" />
<Tooltip />
<Brush dataKey="name" />
<ReferenceLine />
<ReferenceArea
stroke="red"
fill="red"
y2={1}
strokeOpacity={0.2}
fillOpacity={0.1}
/>
</LineChart>
</ResponsiveContainer>
<ResponsiveContainer>
<LineChart width={500} height={300} data={data}>
<XAxis dataKey="name">
<Label>X axis - name</Label>
</XAxis>
<YAxis>
<Label>Y axis</Label>
</YAxis>
<CartesianGrid vertical={false} horizontal={true} horizontalFill={["#fafafa", "#c8c8c8"]} />
<Line type="monotone" dataKey="uv" stroke="#8884d8" onClick={ this.clickHandler } />
<Line type="monotone" dataKey="pv" stroke="#82ca9d" />
<Tooltip />
<Brush dataKey="name" />
<ReferenceLine />
<ReferenceArea
stroke="red"
fill="red"
y2={1}
strokeOpacity={0.2}
fillOpacity={0.1}
/>
</LineChart>
</ResponsiveContainer>
<ResponsiveContainer>
<LineChart width={500} height={300} data={data}>
<XAxis dataKey="name">
<Label>X axis - name</Label>
</XAxis>
<YAxis>
<Label>Y axis</Label>
</YAxis>
<CartesianGrid stroke="#eee" strokeDasharray="5 5" />
<Line type="monotone" dataKey="uv" stroke="#8884d8" onClick={ this.clickHandler } />
<Line type="monotone" dataKey="pv" stroke="#82ca9d" />
<Tooltip />