Sha256: 8426fc15e718ed856245be9fd5adbf46369aed9ce54da747b0965fdf1807f05e
Contents?: true
Size: 1.67 KB
Versions: 1919
Compression:
Stored size: 1.67 KB
Contents
import React from 'react'
import CircleChart from '../_circle_chart'
const dataFirst = [
{
name: 'Bugs',
value: 8,
},
{
name: 'Chores',
value: 1,
},
{
name: 'Stories',
value: 12,
},
]
const dataSecond = [
{
name: 'Queued',
value: 7,
},
{
name: 'In Progress',
value: 6,
},
{
name: 'Validation',
value: 3,
},
{
name: 'Done',
value: 6,
},
]
const dataThird = [
{
name: '1 Point Tickets',
value: 2,
},
{
name: '3 Point Tickets',
value: 5,
},
{
name: '5 Point Tickets',
value: 6,
},
{
name: '8 Point Tickets',
value: 3,
},
{
name: '13 Point Tickets',
value: 1,
},
]
const dataFourth = [
{
name: 'Facebook',
value: 2498,
},
{
name: 'YouTube',
value: 2000,
},
{
name: 'WhatsApp',
value: 2000,
},
{
name: 'Facebook Messenger',
value: 1300,
},
{
name: 'WeChat',
value: 1165,
},
{
name: 'Instagram',
value: 1000,
},
{
name: 'Tik Tok',
value: 800,
},
]
const CircleChartInnerSizes = (props) => (
<div>
<CircleChart
chartData={dataFirst}
id="with-innersize-sm"
innerSize="sm"
{...props}
/>
<CircleChart
chartData={dataSecond}
id="with-innersize-md"
innerSize="md"
{...props}
/>
<CircleChart
chartData={dataThird}
id="with-innersize-lg"
innerSize="lg"
{...props}
/>
<CircleChart
chartData={dataFourth}
className="poop"
id="with-innersize-none "
innerSize="none"
{...props}
/>
</div>
)
export default CircleChartInnerSizes
Version data entries
1,919 entries across 1,919 versions & 2 rubygems