jqwidgets-framework/demos/Angular/src/chart/lineseriewithconditionalcolors/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]="'U.S. GDP Percentage Change'"
    [description]="'(source: Bureau of Economic Analysis)'"
    [showLegend]="false" [enableAnimations]="true" [padding]="padding" [borderLineWidth]="1"
    [titlePadding]="titlePadding" [source]="dataAdapter" [categoryAxis]="categoryAxis"
    [showBorderLine]="true" [seriesGroups]="seriesGroups" [colorScheme]="'scheme05'">
</jqxChart>