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

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

<jqxChart 
    [width]="getWidth()" [height]="500"
    [title]="'Monthly Project Schedule'"
    [description]="'Website update plan'"
    [showLegend]="true" [enableAnimations]="true" [padding]="padding"
    [titlePadding]="titlePadding" [source]="data" [xAxis]="xAxis"
    [seriesGroups]="seriesGroups" [colorScheme]="'scheme03'">
</jqxChart>