如果数据相对较小,Kendo 柱形图的条形图不会显示 -- Kendo Angular 图表
Bar for Kendo Column Chart does not show if the data is relatively small -- Kendo Angular Chart
我遇到过这样一种情况,如果数据集的值比其他值小得多,则垂直条不会显示,但条形图不会出现这种情况。对于条形图,水平条出现在图表上。尽管两个图表中的所有记录都出现了图例。
不确定这是预期的功能还是错误。
我为重现 QA 团队提出的错误而创建的示例代码。任何帮助将不胜感激。
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
为可能遇到这种情况的人回答我自己的问题。
我已经向 Kendo 团队提出了这个问题,并了解到这是一个错误。截至目前,解决方法是禁用窗格剪裁。
[窗格]="[{ clip: false }]"
更新:已在版本@progress/kendo-angular-charts 3.5.2.
中修复
https://stackblitz.com/edit/angular-y6nkw1?file=app/app.component.ts
现在不需要将 clip 设置为 false
堆栈闪电战:https://stackblitz.com/edit/angular-dvynmu?file=src/app/app.component.html
我遇到过这样一种情况,如果数据集的值比其他值小得多,则垂直条不会显示,但条形图不会出现这种情况。对于条形图,水平条出现在图表上。尽管两个图表中的所有记录都出现了图例。
不确定这是预期的功能还是错误。
我为重现 QA 团队提出的错误而创建的示例代码。任何帮助将不胜感激。
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
为可能遇到这种情况的人回答我自己的问题。 我已经向 Kendo 团队提出了这个问题,并了解到这是一个错误。截至目前,解决方法是禁用窗格剪裁。
[窗格]="[{ clip: false }]"
更新:已在版本@progress/kendo-angular-charts 3.5.2.
中修复https://stackblitz.com/edit/angular-y6nkw1?file=app/app.component.ts
现在不需要将 clip 设置为 false
堆栈闪电战:https://stackblitz.com/edit/angular-dvynmu?file=src/app/app.component.html