jqwidgets-scripts-custom/demos/Angular/chart/lineseriewithconditionalcolors/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]="'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>