Kendo UI for Angular - 条形图固定条形大小

【问题标题】：Kendo UI for Angular - Bar Chart Fixed Bar SizeKendo UI for Angular - 条形图固定条形大小
【发布时间】：2019-01-07 18:06:29
【问题描述】：

我们目前在我们的项目中使用 Kendo UI for Angular 并实现了 Kendo 条形图。目前，条形大小是根据图表高度响应的。根据下面的 jQuery 示例，我们需要将该栏设置为固定大小。

有人对在 Angular 中这样做有什么想法吗？

https://docs.telerik.com/kendo-ui/controls/charts/how-to/appearance/fixed-bar-size

Kendo UI for Angular Bar Chart

【问题讨论】：

您可以根据需要将 jquery 与 angular 混合使用。

标签： angular kendo-ui kendo-ui-angular2

【解决方案1】：

可以对角图使用相同的方法：

<kendo-chart>
  <kendo-chart-series>
    <kendo-chart-series-item type="bar"[data]="[1, 2]" [visual]="barVisual">
    </kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>

// component
public barVisual(e: any): void {
  //create the default visual
  const visual = e.createVisual();
  //scale it so that it has the predefined size
  visual.transform(geometry.transform().scale(1, BAR_SIZE / e.rect.size.height, e.rect.center() ));
  return visual;
}

https://plnkr.co/edit/RVRHuCiq4ZD2a6da56D3?p=preview

【讨论】：