jqwidgets-scripts-custom/demos/Angular/chart/themes/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]="'Fitness & exercise weekly scorecard'"
    [description]="'Time spent in vigorous exercise'"
    [showLegend]="true" [enableAnimations]="false" [padding]="padding"
    [titlePadding]="titlePadding" [source]="sampleData" [xAxis]="xAxis"
    [seriesGroups]="seriesGroups" [colorScheme]="'scheme01'">
</jqxChart>

<br />
Themes:

<jqxDropDownList [theme]="'material'" #myList (onChange)="myDropDownListOnChange()"
    [width]="180" [height]="28" [selectedIndex]="0" [itemHeight]="35" 
    [selectionRenderer]="selectionTemplate" [renderer]="itemTemplate"
    [source]="schemes" [displayMember]="'name'">
</jqxDropDownList>