Bar Chart Card

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Example


                                                        
                                                        
                                                            import { BarChartCard } from '@optimus-web/core';
                                                        
                                                        <BarChartCard
                                                            chart={{
                                                                id: 'demo-bar-chart-in-card',
                                                                yAxisWidth: 32,
                                                                data,
                                                                stacked: true,
                                                                reference: {
                                                                    value: Math.round(average * 100) / 100,
                                                                    label: 'Average',
                                                                },
                                                            }}
                                                            id="demo-bar-chart-card"
                                                            title="Booked services"
                                                            subtitle="Last 7 days"
                                                            menuActions={actions}
                                                            highlightScore={{
                                                              value: myValue,
                                                            }}
                                                        />