Kendo UI for Angular-條形圖固定條形尺寸

Question

我們目前在我們的項目中使用Kendo UI for Angular，並且已經實現了Kendo條形圖。 當前，條形大小基於圖表高度而作出響應。 我們需要按照下面的jQuery示例將該欄設置為固定大小。

有人對在Angular中執行此操作有任何想法嗎？

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

Kendo UI for角度條形圖

Answer 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