Сделайте тег <g>для поддержки overflow-x: scroll

Question

У меня есть диаграмма ng-bootsrap, которую нужно прокручивать на экранах меньшего размера. Контейнером элемента, который нужно прокрутить, является тег "g" внутри тега "svg". Я не могу заставить это работать, даже если я пытаюсь поместить style = "overflow-x: scroll" программно.

<svg class="ngx-charts" width="1173" height="300">
   <defs>...</defs>
   <g class="bubble chart" transform="translate(200,10)">
      <g ngx-chart-x-axis style="overflow-x: scroll"> <---- NOT WORKING
         ...
      </g>
   </g>
</svg>