更改微图表 - 动态地在sap.m.CustomTile中更改Harvey Ball大小

Question

我使用sap.m.CustomTile自定义sap.suite.ui.microchart.HarveyBallMicroChart。我需要根据显示分辨率调整此CustomTile的大小，例如从319像素到1920像素。我用过这个：

<router-outlet>

我想得到类似的东西（决议1305px）：

图表应位于中间（垂直），但当我移动到较小的分辨率时，例如385px，瓷砖溢出：

有没有办法如何根据分辨率动态更改HarveyBallMicroChart的大小？你知道为什么它会溢出吗？

感谢任何提示。

这是demo。

EDITED 250817 14:15 =＆gt;添加元素检查，因为评论中的对话在下面回答：

Answer 1

经过一番蠢蠢欲动，我相信它让它上班。请参阅demo。

原来你需要覆盖硬编码的宽度和高度变量。

我是这样做的......

.sapSuiteHBMC.sapSuiteHBMCResponsive{
    width: 100% !important;
    height: 100% !important;
  }
  .sapSuiteHBMC.sapSuiteHBMCResponsive svg{
    width: 100% !important;
    height: 100% !important;
  }