kendo ui angular2 - Shared Tooltip in the Chart Component doesn't appear -

in chart wanted have shared tooltip multiple panes doesn't appear. elements highlighted

i leave below code

    <kendo-chart *ngif="series.length >0">         <kendo-chart-value-axis>             <kendo-chart-value-axis-item *ngfor="let item of values; trackby: item?.name" [name]="item.name" [pane]="item.pane" [visible]="false">             </kendo-chart-value-axis-item>         </kendo-chart-value-axis>         <kendo-chart-panes>             <kendo-chart-pane *ngfor="let item of panes; trackby: item?.name" [height]="altura" [name]="item.name" [clip]="false" [margin]="{ top: 27, bottom: 9 }"                 [border]="{ color: '#b6b6b6', width: 0 }"></kendo-chart-pane>         </kendo-chart-panes>         <kendo-chart-category-axis>             <kendo-chart-category-axis-item *ngfor="let item of categories; trackby: item?.name" baseunit="days" [max]="datafim" [min]="datainicio" [name]="item.name"                 [pane]="item.pane" type="date" [visible]="false" [majorgridlines]="{width:0.5}">                 <kendo-chart-category-axis-item-crosshair [visible]="true">                     <kendo-chart-category-axis-item-crosshair-tooltip [visible]="true"></kendo-chart-category-axis-item-crosshair-tooltip>                 </kendo-chart-category-axis-item-crosshair>             </kendo-chart-category-axis-item>             <kendo-chart-category-axis-item-labels visible="true">             </kendo-chart-category-axis-item-labels>         </kendo-chart-category-axis>         <kendo-chart-legend [visible]="true" position="custom" orientation="horizontal" offsetx=100></kendo-chart-legend>         <kendo-chart-area [width]="width" [height]="height_total" [margin]="{bottom:0, top:0, left: 0, right: margin}"></kendo-chart-area>         <kendo-chart-series>             <kendo-chart-series-item *ngfor="let item of series; trackby: item?.name" [data]="item.data" [axis]="item.axis" [categoryaxis]="item.axis" categoryfield="date"                 [color]="item.color" [aggregate]="lastvalue" [name]="item.name" [type]="item.type" field="value" [missingvalues]="interpolate"                 [errorlowfield]="low" [errorhighfield]="high">                 <kendo-chart-series-item-markers [visible]="true" [border]="{'color':checklimitscolors(item.minimo, item.maximo, value, item.color)}">                 </kendo-chart-series-item-markers>             </kendo-chart-series-item>         </kendo-chart-series>     <kendo-chart-tooltip [visible]="true" [shared]="true"></kendo-chart-tooltip>     </kendo-chart> 

use below code, able show labels tooltip on chart <kendo-chart-series-item-tooltip format="{0}">.

data:

private seriesdata: number[] = [15, 20, 33, 50]; private xaxisdata: number[] = ['new', 'old', 'sold', 'purchase'];   

html:

<kendo-chart > <kendo-chart-legend position="top" [visible]="true"></kendo-chart-legend>   <kendo-chart-series>  <kendo-chart-series-item   type="column" [name]="'series-1'" [data]="seriesdata" >       <kendo-chart-series-item-labels [visible]="true" format="n">     </kendo-chart-series-item-labels>     <kendo-chart-series-item-tooltip format="{0}">                     </kendo-chart-series-item-tooltip> </kendo-chart-series-item>   </kendo-chart-series>  <kendo-chart-value-axis> <kendo-chart-value-axis-item [visible]="true">       </kendo-chart-value-axis-item> </kendo-chart-value-axis>  <kendo-chart-category-axis>     <kendo-chart-category-axis-item [categories]="xaxisdata" >         <kendo-chart-category-axis-item-labels [visible]="true" >         </kendo-chart-category-axis-item-labels>     </kendo-chart-category-axis-item>            </kendo-chart-category-axis> </kendo-chart>