1.0.0 • Published 8 months ago
pk-year-calendar v1.0.0
React Charts
ka-charts is a react charts library, developed and maintained by Pradeep(kpradeeprao@gmail.com).
Installation
Use the package manager to install ka-charts.
yarn add ka-charts
npm i ka-charts
Usage
<BasicGantChart
config={{
alternateBgColor: '#eee',
borderColor: '#999',
defaultBgColor: '#fff',
selBgColor: '#dcf5ff',
selTextColor: 'pink',
textColor: '#000',
}}
items={[
{
bgColor: 'red',
startDate: new Date('2021-10-29T00:49:49.911Z'),
endDate: new Date('2021-10-29T00:49:49.911Z'),
data: {},
},
{
bgColor: 'pink',
startDate: new Date('2021-10-29T00:49:49.911Z'),
endDate: new Date('2021-10-29T00:49:49.911Z'),
data: {},
},
]}
onClick={(item) => {}}
/>
<StackedBarChart
config={{
alternateBgColor: '#eee',
borderColor: '#999',
defaultBgColor: '#fff',
selBgColor: '#dcf5ff',
selTextColor: 'pink',
textColor: '#000',
}}
items={[
{
key: '111',
items: [
{
bgColor: 'red',
key: '1',
value: 111,
data: {},
},
{
bgColor: 'green',
key: '2',
value: 2111,
data: {},
},
],
},
]}
onClick={(item) => {}}
/>
<YearsCalendar
config={{
alternateBgColor: '#eee',
borderColor: '#999',
defaultBgColor: '#fff',
selBgColor: '#dcf5ff',
selTextColor: 'pink',
textColor: '#000',
}}
items={[
{
bgColor: 'red',
date: new Date('2021-10-29T00:49:49.911Z'),
data: {},
},
{
bgColor: 'pink',
date: new Date('2019-02-01T06:00:00.000Z'),
data: {},
},
{
bgColor: 'orange',
date: new Date('2019-02-01T06:00:00.000Z'),
data: {},
},
{
bgColor: 'purple',
date: new Date('2021-10-29T00:49:49.911Z'),
data: {},
},
]}
onClick={(item) => {}}
/>
Demo
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
License
1.0.0
8 months ago