jqwidgets-framework/demos/Showcase/angular-orderdetails/src/app/innerComponents/dashboardComponent/bargaugeComponent/bargauge.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div style="float: left; width: 100%;">
    <jqxBarGauge #bargaugeReference
        [height]="420"
        [colorScheme]="'myScheme'"
        [customColorScheme]="{ name: 'myScheme', colors: ['#F1495B', '#4d5866', '#888D94'] }"
        [values]="[0, 0, 0]">
    </jqxBarGauge>
</div>