jqwidgets-scripts-custom/demos/Angular/rangeselector/negativescale/src/app/app.component.html

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxRangeSelector [theme]="'material'" #rangeSelector
                  [width]="getWidth()"
                  [height]="100"
                  [min]="-1000"
                  [max]="-100"
                  [range]="{ from: -500, to: -300 }"
                  [minorTicksInterval]="10"
                  [majorTicksInterval]="100">
</jqxRangeSelector>