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

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

<jqxChart 
    [width]="getWidth()" [height]="500"
    [title]="'US Home ownership rate & recessions (1965-2019)'"
    [description]="'(sources: US Census bureau, Wikipedia)'"
    [showLegend]="true" [enableAnimations]="true" [padding]="padding"
    [titlePadding]="titlePadding" [source]="dataAdapter" [xAxis]="xAxis"
    [valueAxis]="valueAxis" [seriesGroups]="seriesGroups" [colorScheme]="'scheme03'">
</jqxChart>