jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
23 lines (17 loc) • 728 B
HTML
<jqxBarGauge #myBarGauge style="float: left"
[width]='600' [height]='600' [relativeInnerRadius]='0.2' [max]="500"
[values]='[450, 15, 330]' [baseValue]="50" [startAngle]="0" [endAngle]="360"
[title]="title" [colorScheme]="'scheme05'" [tooltip]="tooltip"
[barSpacing]="9" [animationDuration]="0" [labels]="labels">
</jqxBarGauge>
<div style="margin-left: 50px; margin-top: 150px; float: left;">
<jqxListBox #myListBox (onCheckChange)="onCheckChange()"
[width]="300" [source]="dataAdapter" [displayMember]="'name'"
[valueMember]="'calories'" [checkboxes]="true">
</jqxListBox>
<br />
<br />
<div id='log'>
<strong>Summary calories: 970</strong>
</div>
</div>