Блог

Я создаю своего рода приложение для мониторинга с гистограммами и несколькими простыми таблицами, показывающими отчеты. Мы хотим, чтобы это приложение работало на Iphone и iPad, но когда iPad находится в горизонтальном режиме, ничего не отображается, только серое поле, но как только я перевожу свой iPad в вертикальный режим, отображаются данные. Это также происходит, когда я изменяю размер окна до разрешения, подобного iPad. Он отлично работает на мобильных устройствах.

Я использую Bootstrap 3 и 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>