Sha256: 4b6da7fd1c33bc128b83f12df04940418ae2d0020ab490384381773e2160e25a
Contents?: true
Size: 1.73 KB
Versions: 948
Compression:
Stored size: 1.73 KB
Contents
import React from 'react'
import { BarGraph, Title } from 'playbook-ui'
const chartData = [{
name: 'Installation',
data: [1475],
}, {
name: 'Manufacturing',
data: [4434],
}, {
name: 'Sales & Distribution',
data: [3387],
}, {
name: 'Project Development',
data: [3227],
}, {
name: 'Other',
data: [1111],
}]
const BarGraphLegendPosition = (props) => (
<div>
<Title
paddingBottom="sm"
paddingTop="sm"
size={4}
tag="h4"
text="align | verticalAlign"
/>
<BarGraph
align='right'
axisTitle="Number of Employees"
chartData={chartData}
id="legend-position-bar"
legend
paddingBottom="sm"
title="Alignment of Legend"
verticalAlign="top"
xAxisCategories={['Jan']}
yAxisMin={0}
{...props}
/>
<Title
paddingBottom="sm"
paddingTop="sm"
size={4}
tag="h4"
text="layout"
/>
<BarGraph
axisTitle="Number of Employees"
chartData={chartData}
id="legend-position-bar-1"
layout="vertical"
legend
paddingBottom="sm"
paddingTop="sm"
title="Layout of Legend"
xAxisCategories={['Jan']}
yAxisMin={0}
{...props}
/>
<Title
paddingBottom="sm"
paddingTop="sm"
size={4}
tag="h4"
text="x | y"
/>
<BarGraph
axisTitle="Number of Employees"
chartData={chartData}
id="legend-position-bar-2"
layout="vertical"
legend
title="Offset of Legend"
x={100}
xAxisCategories={['Jan']}
y={10}
yAxisMin={0}
{...props}
/>
</div>
)
export default BarGraphLegendPosition
Version data entries
948 entries across 948 versions & 2 rubygems