Progress bar (pure CSS, no ECharts)
<bc-chart-progress data='[{"name":"Tasks","value":75}]' chart-title="Completion" />| Prop | Type | Default | Description |
|---|---|---|---|
| data | string (JSON) | '[]' | Chart data — [{name,value}] |
| chart-title | string | '' | Card title |
| colors | string (JSON) | '' | Color palette |
| height | string | '300px' | Card height |
| width | string | '100%' | Card width |
| loading | boolean | false | Show loading overlay |
| data-source | string | '' | Remote data URL |
| fetch-headers | string | '' | Custom fetch headers (JSON) |
| refresh-interval | number | 0 | Auto-refresh interval (ms) |
Note: Pure CSS component — no ECharts dependency. Props like theme, renderer, toolbox, data-zoom are not applicable.
[{"name":"Progress","value":75}]Value represents percentage (0-100).
| Event | Payload |
|---|---|
| lcChartClick | {name, value, dataIndex} |
| Method | Returns | Description |
|---|---|---|
| updateData(data) | Promise | Update progress data |
| setData(data) | Promise | Alias for updateData |
| refresh() | Promise | Re-fetch or re-render |
See theming, data-fetching.