Я открываю диалоговое окно, используя следующую функцию:
doOutput(){
this.dialog.open(NgxChartsComponent ) ;
}
И код HTML моего NgxChartsComponent:
<!-- The chart type goes in here -->
<div> This is a visual representation of a line chart</div>
<div style="display: inline-block">
<ngx-charts-line-chart
[view]="view"
[scheme]="colorScheme"
[results]="multi"
[gradient]="gradient"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel"
[autoScale]="autoScale"
[timeline]="timeline"
(select)="onSelect($event)">
</ngx-charts-line-chart>
</div>
<br>
<div> This is a visual representation of a area chart</div>
<div style="display: inline-block">
<ngx-charts-area-chart
[view]="view"
[scheme]="colorScheme"
[results]="multi"
[gradient]="gradient"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel"
[autoScale]="autoScale"
(select)="onSelect($event)">
</ngx-charts-area-chart>
</div>
<br>
<div> This is a visual representation of a pie chart</div>
<div style="display: inline-block">
<ngx-charts-pie-chart
[view]="view"
[scheme]="colorScheme"
[results]="single"
[legend]="showLegend"
[explodeSlices]="explodeSlices"
[labels]="showLabels"
[doughnut]="doughnut"
[gradient]="gradient"
(select)="onSelect($event)">
</ngx-charts-pie-chart>
</div>
Я использую MatDialog и MatDialogRef для создания моего диалога, и он работает хорошо, но я должен уменьшить масштаб экрана, чтобы увидеть все содержимое диалога, и для этого нет возможности прокрутки! Пожалуйста, помогите мне знать, как я могу добавить прокрутку к моему всплывающему диалоговому окну?