jqwidgets-scripts-custom/demos/Angular/chart/lineseriewithmissingpoints/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]="'Line serie with missing points'"
    [description]="'Sample line serie with missing and invalid values'"
    [showLegend]="true" [padding]="padding"
    [titlePadding]="titlePadding" [source]="sampleData" [xAxis]="xAxis"
    [seriesGroups]="seriesGroups" [colorScheme]="'scheme05'">
</jqxChart>

<p style="font-family: Verdana; font-size: 12px">Select missing points display mode:</p>

<jqxDropDownList [theme]="'material'" (onSelect)="dropDownOnSelect($event)"
    [width]="220" [height]="25" [selectedIndex]="0"
    [dropDownHeight]="77" [source]="['skip','zero','connect']">
</jqxDropDownList>