Question

我遇到了一个场景，如果数据集的值比其他值小得多，则不会显示竖线，但条形图不会显示。对于条形图，水平条形出现在图表上。尽管两个图表中的所有记录都显示了图例。

不确定这是预期功能还是错误。

我创建的示例代码用于重现质量检查团队提出的错误。任何帮助将不胜感激。

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-chart>
      <kendo-chart-title text="Units sold"></kendo-chart-title>
      <kendo-chart-category-axis>
          <kendo-chart-category-axis-item [categories]="['Q1', 'Q2', 'Q3', 'Q4']">
          </kendo-chart-category-axis-item>
      </kendo-chart-category-axis>
      <kendo-chart-series>

        <kendo-chart-series-item type="column" [data]="[120000, 67000, 231, 196000000]">
        </kendo-chart-series-item>

      </kendo-chart-series>
    </kendo-chart>

<h4> H-Bar Chart</h4>


    <kendo-chart>
      <kendo-chart-title text="Units sold"></kendo-chart-title>
      <kendo-chart-category-axis>
          <kendo-chart-category-axis-item [categories]="['Q1', 'Q2', 'Q3', 'Q4']">
          </kendo-chart-category-axis-item>
      </kendo-chart-category-axis>
      <kendo-chart-series>

        <kendo-chart-series-item type="bar" [data]="[120000, 67000, 231, 196000000]">
        </kendo-chart-series-item>

      </kendo-chart-series>
    </kendo-chart>
  `
})
export class AppComponent {
}

/ 相同的Stackblitz /

https://stackblitz.com/edit/angular-w5c6ir?file=src%2Fapp%2Fapp.component.html

Answer 1

为可能遇到这种情况的人回答我自己的问题。我向剑道团队提出了这个问题，并且知道它是一个错误。到目前为止，解决方法是禁用窗格的剪切。

[panes] =“ [{clip：false}]”

更新：已在版本@ progress / kendo-angular-charts 3.5.2中修复。

https://stackblitz.com/edit/angular-y6nkw1?file=app/app.component.ts

现在无需将clip设置为false

stackblitz：https://stackblitz.com/edit/angular-dvynmu?file=src/app/app.component.html

Kendo柱形图栏不会显示数据是否相对较小-Kendo Angular Chart

1 个答案: