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

jQWidgets is an advanced jQuery, Angular 7, Vue, React, 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>