highchars在ipad或ipad分辨率中不显示

我正在构建一种仪表板应用程序，其中包含条形图和一些显示报告的简单表格。我们希望这个应用程序能在Iphone和iPad上运行，但当iPad处于水平模式时，什么都不会显示，只是一个灰色的框，但只要我将iPad翻转到垂直模式，数据就会显示出来。 当我将窗口调整为iPad般的分辨率时，也会发生这种情况。它在MobileTho中工作得很好

我正在使用Bootstrap3和PHP来构建这个项目。有人听说过这个吗

全屏幕显示的字符是什么样子的

当窗口调整到类似iPad的分辨率时，图标会变成灰色，但如果我调整到较低的分辨率，图标会显示得很好，只有类似iPad的分辨率（在android、windows、mac中也会出现）才是分辨率。

这是我的真实脚本：

<script>
$(function () {
        $('#fchart').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Report 2014',
                x: -20 //center
            },
            subtitle: {
                text: 'Source: domain.com',
                x: -20
            },
            xAxis: {
                categories: ['Q1<br>Oct - Dec', 'Q2<br>Jan - March', 'Q3<br>April - June', 'Q4<br>July - Sep']
            },
            yAxis: {
                title: {
                    text: 'Total Actions'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: ''
            },
            plotOptions: {
                series: {
                    minPointLength: 3
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'Impressions',
                data: [0,2557337,0,0],
                visible: false
            }, {
                name: 'Clicks',
                data: [0,6456,0,0]
            }, {
                name: 'Frequency',
                data: [0.00,11.88,0.00,0.00]
            }, {
                name: 'Engagement',
                data: [0,639,0,0]
            }, {
                name: 'Likes',
                data: [0,4410,0,0]
            }, {
                name: 'Clicks',
                data: [0,115,0,0]
            }, {
                name: 'data',
                data: [0,748865,0,0],
                visible: false
            }]
        });
    });
</script>

$（函数（）{
$（'fchart'）。高图({
图表：{
类型：“列”
},
标题：{
正文：“2014年报告”，
x:-20/中心
},
副标题:{
文本：“来源：domain.com”，
x:-20
},
xAxis：{
类别：['Q1
十月至十二月'，'Q2
一月至三月'，'Q3
四月至六月'，'Q4
七月至九月']
},
亚克斯：{
标题：{
文本：“全部行动”
},
绘图线：[{
值：0，
宽度：1，
颜色：'#808080'
}]
},
工具提示：{
valueSuffix:'
},
打印选项：{
系列：{
最小点长度：3
}
},
图例：{
布局：“垂直”，
对齐：“右”，
垂直排列：'中间'，
边框宽度：0
},
系列：[{
名称：'印象'，
数据：[02557337,0,0]，
可见：假
}, {
名称：'点击'，
数据：[06456,0,0]
}, {
名称：“频率”，
数据：[0.00,11.88,0.00,0.00]
}, {
姓名：'订婚'，
数据：[0639,0,0]
}, {
名称：“喜欢”，
数据：[04410,0,0]
}, {
名称：'点击'，
数据：[0115,0,0]
}, {
名称：'数据'，
数据：[0748865,0,0]，
可见：假
}]
});
});

我们如何复制此问题？你能把它作为现场演示应用吗？我运行了这个例子，在iPad上从垂直到水平再向后翻转，问题并没有出现。