Angular 4 Kendo柱状图默认显示数值，底部显示Y轴名称

Question

这里我有两个问题。

1)默认情况下，我想在列栏顶部显示值。2)数据有负值和正值。我需要在图表底部显示姓名。但是，如果value为负值，则列中将显示名称。

<kendo-chart>
    <kendo-chart-title text="% Top 10"></kendo-chart-title>
    <kendo-chart-series>
        <kendo-chart-series-item type="column" [data]="UI.series" field="data"
            categoryField="name" 
            [color]="UI.handlers.pointColor"
            >
            <kendo-chart-series-item-tooltip background="skyblue" visible="true">
                <ng-template let-dataItem="dataItem">
                    {{dataItem.data}}%
                </ng-template>
            </kendo-chart-series-item-tooltip>
        </kendo-chart-series-item>
    </kendo-chart-series>
</kendo-chart>

Answer 1

 <kendo-chart [categoryAxis]="{labels: { rotation: 'auto'} }">
      <kendo-chart-title text="% Share Chg Top 10"></kendo-chart-title>
      <kendo-chart-legend position="bottom" orientation="horizontal"></kendo-chart-legend>
      <kendo-chart-series>
        <kendo-chart-series-item type="column" [data]="UI.gridData" field="dath" categoryField="name" [color]="UI.handlers.pointColor" visible="true">
          <kendo-chart-series-item-labels [format]="'p2'">
          </kendo-chart-series-item-labels>
          <!--<kendo-chart-series-item-tooltip background="skyblue" visible="true">
            <ng-template let-dataItem="dataItem">
              {{dataItem.data| number : '1.2-2'}}%
            </ng-template>
          </kendo-chart-series-item-tooltip>-->
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>