0.0.6 • Published 1 year ago

ch-barchart v0.0.6

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

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 |
0.0.6

1 year ago

0.0.5

1 year ago

0.0.4

1 year ago

0.0.3

1 year ago

0.0.2

1 year ago

0.0.1

1 year ago