Как добавить вертикальную и горизонтальную полосу прокрутки на диаграмму кендо

Question

Я использую диаграммы кендо, хочу, чтобы категория по оси Y и дата по оси X были статическими, а полоса прокрутки для диаграммы - вместо деления, а также хочу, чтобы размер бара был небольшим, а размер шрифта должен был бытьменьше, чем в примере.

Пример Stackblitz

Answer 1

Чтобы это произошло, пришлось

1. добавить секцию стиля к определению вашего компонента
2. убрал встроенный стиль из div

app.component.ts изменения ниже:

@Component({
    selector: 'my-app',
    template: `
        <div >
          <kendo-chart style="width: 3832px" [valueAxis]="valueAxis" [ngStyle]="{ 'height.px': chartHeight }">
            <kendo-chart-plot-area background="#F2F2F2"></kendo-chart-plot-area>
            <kendo-chart-series>
                <kendo-chart-series-item *ngFor="let series of model"
                type="rangeBar" [spacing]="-1" [data]="series.data" [opacity]="0.8" fromField="Start" toField="End" categoryField="Category">
                </kendo-chart-series-item>
            </kendo-chart-series>         
          </kendo-chart>
        </div>
    `,
    styles:[` 
      kendo-chart{ max-width: 525px; max-height: 300px;}
      ::ng-deep g>text{ font-size: 11px !important;}
    `]
})

завершено рабочая демонстрация здесь