在Kendo-ui-angular2圖表中，當值爲零或零時如何隱藏標籤

Question

我有一個kendo-angular-ui圖表，並且我正在顯示折線圖上每個點的標籤。如果標籤值爲空或零，我不想在特定點上顯示標籤。我該如何去隱藏標籤只有零或零？

Answer 1

我意識到這很晚了，但您可以使用kendo-chart-series-item-labels元素上的content屬性，並將其綁定到組件中檢查標籤的函數，然後根據您的條件返回空白標籤。

HTML：

<kendo-chart> 
    <kendo-chart-series> 
    <kendo-chart-series-item type="donut" 
          [data]="pieData" 
          categoryField="category" 
          field="value"> 
     <kendo-chart-series-item-labels [content]="labelContent" 
             [visible]="true"> 
     </kendo-chart-series-item-labels> 
    </kendo-chart-series-item> 
    </kendo-chart-series> 
</kendo-chart> 

然後在你的組件的功能可以是這個樣子：

public labelContent(e: any): string { 
    if (e.value === 0) { 
     return ''; 
    } 

    return e.value; 
    } 

因此快速回顧：綁定屬性的內容kendo-chart-series-item-labels元素的功能在你的組件爲要隱藏的標籤返回空白值。