jqwidgets-framework/demos/Angular/src/chart/nondatexaxisrangeselection/app.component.html

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

<jqxChart #myChart
    [width]="getWidth()" [height]="500"
    [title]="'Range selector with regular x-axis'"
    [description]="'In this example the range selector works with (non-date) axis'"
    [showLegend]="false" [enableAnimations]="true" [padding]="padding" 
    [source]="dataAdapter" [xAxis]="xAxis" [enableCrosshairs]="true"
    [animationDuration]="1500" [seriesGroups]="seriesGroups" [colorScheme]="'scheme02'">
</jqxChart>