0.0.6 • Published 1 year ago
ch-barchart v0.0.6
ChBarchart
insall npm i ch-barchart
Import in your module
Import in your module
import { ChBarchartModule } from 'ch-barchart';
imports: [
ChBarchartModule
]
Useage
```
<ch-barchart ></ch-barchart>
```
Sample data to pass
barchartType2DataPoints = {
x_labels:[0,20,40,60,80,100],
y_label_color:'#6B4EFF',
y_labels:['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
x_label_color:'#6B4EFF',
data:[
{label:'Sunday',values:[{value:100,color:'#6B4EFF'}]},
{label:'Monday',values:[{value:0,color:'#6B4EFF'}]},
{label:'Tuesday',values:[{value:20,color:'#6B4EFF'}]},
{label:'Wednesday',values:[{value:60,color:'#6B4EFF'}]},
{label:'Thursday',values:[{value:80,color:'#6B4EFF'}]},
{label:'Friday',values:[{value:50,color:'#6B4EFF'}]},
{label:'Saturday',values:[{value:20,color:'#6B4EFF'}]},
]
}
Options
| Input | type | default |
| --- | --- | --- |
| height | string | 150px |
| width | string | 40px |
| backGroundColor | string | #F7F9FA |
|fillColor | string | #6B4EFF |
|fillPersentage | number | 0 |
|borderRadius | string | 10px |