jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
16 lines (13 loc) • 688 B
HTML
<div style="float: left">
<jqxGauge #myGauge (onValueChanging)="onValueChanging($event)"
[ranges]="ranges" [ticksMinor]="ticksMinor" [ticksMajor]="ticksMajor"
[value]="0" [colorScheme]="'scheme05'" [animationDuration]="1200">
</jqxGauge>
<div #gaugeValue class="gaugeValue"></div>
</div>
<jqxLinearGauge #myLinearGauge style="margin-left: 60px; float: left;"
[width]="100" [height]="350" [max]="60" [orientation]="'vertical'"
[ticksMajor]="ticksMajorLinear" [ticksMinor]="ticksMinorLinear"
[pointer]="{ size: '5%' }" [colorScheme]="'scheme05'" [labels]="labels"
[ranges]="rangesLinear" [animationDuration]="1500">
</jqxLinearGauge>