Angular FireFox和IE的8 | yAxis问题

您好，我正在使用“highcharts 8.0.0”、“highcharts angular 2.4.0”和angular8：

谷歌chrome上的折线图效果很好，但Firefox上我看不到yAxis（宽度约16px）

这是我的选择

 this.chartOptions = {
            chart: {
                type: 'line',
                spacingBottom: 0
            },
            title: false,

            legend: {
                enabled: false
            },
            xAxis: {
                categories: ['11/02/2019', '11/02/2020']
            },
            yAxis: {
                min: 0,
                max: 6,
                categories: ['0', '1', '2', '3', '4', '5', '6'],
                title: {
                    text: 'xxx'
                },
                labels: {
                    formatter: function () {
                        return this.value;
                    }
                }
            },

            plotOptions: {
                area: {
                    fillOpacity: 0.2
                },

            },
            credits: {
                enabled: false
            },
            tooltip: {
                enabled: false,
            },
            series: [{
                data: ['0','5'],
                color: '#00335f',
                marker: {
                    fillColor: '#00335f'
                }
            }],
            responsive: {
                rules: [{
                    condition: {
                        maxWidth: 500
                    },
                    chartOptions: {
                        legend: {
                            layout: 'horizontal',
                            align: 'center',
                            verticalAlign: 'bottom'
                        }
                    }
                }]
            }
        };

有人能解决这个问题吗

---

帮助：）

我在官方文档中找到了一个解决方案：

<highcharts-chart [Highcharts]="Highcharts" [options]="chartOptions" style="width:  100%; height: 100%; display: block;"\> \</highcharts-chart>

\

在样式应答器中强制设置高度

---

您能否提供一个现场演示来重现该问题？