in packages/showcase/axes/custom-axes-orientation.js [32:62]
export default function Example() {
return (
<XYPlot
margin={{top: 40, right: 40, left: 10, bottom: 10}}
width={300}
height={300}
>
<HorizontalGridLines />
<VerticalGridLines />
<XAxis orientation="top" title="X Axis" />
<YAxis orientation="right" title="Y Axis" />
<LineSeries
data={[
{x: 1, y: 3, z: 10},
{x: 2, y: 4, z: 10},
{x: 3, y: 8, z: 10},
{x: 4, y: 11, z: 10}
]}
/>
<LineSeries data={null} />
<LineSeries
data={[
{x: 1, y: 3, z: 10},
{x: 2, y: 9, z: 10},
{x: 3, y: 2, z: 10},
{x: 4, y: 11, z: 10}
]}
/>
</XYPlot>
);
}