在Kendo-ui-angular2图表中，如何在值为null或零时隐藏标签

Question

我有一个kendo-angular-ui图表，我在折线图上显示每个点的标签。如果标签值为空或零，我不想在特定点上显示标签。仅当标签为null或零时，如何隐藏标签？

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元素上的属性内容绑定到组件中的一个函数，该函数为您想要隐藏的标签返回一个空值。