Angular 如何设置剑道图表类别轴项目标签的文本值

我想在图表的开头显示图表类别轴标签，因为我使用的是AxisLabelPosition。它在开始时显示，但也在x轴上显示

我不想在x轴上显示。我们有没有办法做到这一点

这是我的宝物： 这与剑道官方网站上给出的代码示例相同

/应用程序组件.ts/

import { Component } from '@angular/core';
import { AxisLabelsPosition } from '@progress/kendo-angular-charts';
import { mockData } from './weather-data';

@Component({
    selector: 'my-app',
    styles: [ '.k-radio-label { margin: 10px 1em 10px 0; }' ],
    template: `
      <div class="example-config">
        <div class="col-sm example-col">
          <h6>Category axis - Label position</h6>

          <input id="catOnAxis" type="radio" name="cat" class="k-radio"
                 value="onAxis" [(ngModel)]="categoryLabelsPosition" />
          <label for="catOnAxis" class="k-radio-label">On Axis</label>

          <input id="catStart" type="radio" name="cat" class="k-radio"
                 value="start" [(ngModel)]="categoryLabelsPosition" />
          <label for="catStart" class="k-radio-label">Start</label>

          <input id="catEnd" type="radio" name="cat" class="k-radio"
                 value="end" [(ngModel)]="categoryLabelsPosition" />
          <label for="catEnd" class="k-radio-label">End</label>
        </div>

        <div class="col-sm example-col">
          <h6>Value axis - Label position</h6>

          <input id="valOnAxis" type="radio" name="val" class="k-radio"
                 value="onAxis" [(ngModel)]="valueLabelsPosition" />
          <label for="valOnAxis" class="k-radio-label">On Axis</label>

          <input id="valStart" type="radio" name="val" class="k-radio"
                 value="start" [(ngModel)]="valueLabelsPosition" />
          <label for="valStart" class="k-radio-label">Start</label>

          <input id="valEnd" type="radio" name="val" class="k-radio"
                 value="end" [(ngModel)]="valueLabelsPosition" />
          <label for="valEnd" class="k-radio-label">End</label>
        </div>
      </div>

      <kendo-chart>
        <kendo-chart-series>
          <kendo-chart-title text="Daily Max (&deg;C)"></kendo-chart-title>
          <kendo-chart-series-item type="column" [data]="data"
                                   field="TMax" categoryField="Date">
          </kendo-chart-series-item>
        </kendo-chart-series>

        <kendo-chart-category-axis>
            <kendo-chart-category-axis-item [title]="{text:'testing'}">
                <kendo-chart-category-axis-item-labels [position]="categoryLabelsPosition">
                </kendo-chart-category-axis-item-labels>
            </kendo-chart-category-axis-item>
        </kendo-chart-category-axis>

        <kendo-chart-value-axis>
            <kendo-chart-value-axis-item>
                <kendo-chart-value-axis-item-labels [position]="valueLabelsPosition">
                </kendo-chart-value-axis-item-labels>
            </kendo-chart-value-axis-item>
        </kendo-chart-value-axis>
      </kendo-chart>
    `
})
export class AppComponent {
    public categoryLabelsPosition: AxisLabelsPosition = 'start';
    public valueLabelsPosition: AxisLabelsPosition = 'onAxis';
    public data: any[] = mockData();
}

---

标题是一行文字。 只需编辑此行即可设置表格标题：

  <kendo-chart>
    <kendo-chart-title text="Title" position="bottom"></kendo-chart-title>
  </kendo-chart>

---

应能够避免使用第二个轴重复标题：

<kendo-chart-category-axis>
    <kendo-chart-category-axis-item >
        <kendo-chart-category-axis-item-labels rotation="auto" [position]="categoryLabelsPosition">
        </kendo-chart-category-axis-item-labels>
    </kendo-chart-category-axis-item>
    <kendo-chart-category-axis-item [title]="{text:'testing'}" [line]="{ visible: false }" name="titleAxis">
    </kendo-chart-category-axis-item>
</kendo-chart-category-axis>

<kendo-chart-value-axis>
    <kendo-chart-value-axis-item  [axisCrossingValue]="[0, -1000]">
        <kendo-chart-value-axis-item-labels [position]="valueLabelsPosition">
        </kendo-chart-value-axis-item-labels>
    </kendo-chart-value-axis-item>
</kendo-chart-value-axis>

---

我也会将此报告为bug。在这两个地方显示的标题在我看来都不正确。

解决方案是由剑道团队提供的

我把它作为一个bug提出来，并在剑道角度图表V3.3.2中修复了它

请点击链接

---

感谢

在plunker测试标题中出现了两次。我希望它在axis@undefinedMayNotBeNull的开头也只出现一次。删除类别字段将删除x轴标签。我的问题是关于如何设置title@Amit您正在说>我想显示图表类别轴标签，但现在您正在询问标题。这是哪一个？如果你看到我的plunker，我添加了一个标题“测试”，它位于两个位置，一个在轴上，另一个在开始处。我希望它只在开始时显示我图表的添加屏幕截图。我想在Axis的开头显示“Tesa”值，因为我已经报告了相同的错误

  <kendo-chart>
    <kendo-chart-series>
      <kendo-chart-series-item type="column" [data]="data" field="TMax">
      </kendo-chart-series-item>
    </kendo-chart-series>
  </kendo-chart>

<kendo-chart-category-axis>
    <kendo-chart-category-axis-item >
        <kendo-chart-category-axis-item-labels rotation="auto" [position]="categoryLabelsPosition">
        </kendo-chart-category-axis-item-labels>
    </kendo-chart-category-axis-item>
    <kendo-chart-category-axis-item [title]="{text:'testing'}" [line]="{ visible: false }" name="titleAxis">
    </kendo-chart-category-axis-item>
</kendo-chart-category-axis>

<kendo-chart-value-axis>
    <kendo-chart-value-axis-item  [axisCrossingValue]="[0, -1000]">
        <kendo-chart-value-axis-item-labels [position]="valueLabelsPosition">
        </kendo-chart-value-axis-item-labels>
    </kendo-chart-value-axis-item>
</kendo-chart-value-axis>