C3 Javascript, почему в мобильном телефоне не просыпается подкарта? - PullRequest
0 голосов
/ 10 января 2020

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

Это мой код:

html где моя диаграмма

<div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">

            <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>Body Mass Analysis <small>Bar Chart</small></h5>
                        </div>
                        <div class="ibox-content">
                             <div>
                                <div id="stocked"></div>
                            </div>
                        </div>
                    </div>
                </div>

мои диаграммы c3.

var chart = c3.generate({
            bindto: '#stocked',
            data: {
                labels: ['y',1,2,3,4,5,6],
            columns: [
                ['MUSCLE', <?php echo substr($muscle,1,strlen($muscle)); ?>],
                ['FAT', <?php echo substr($fat,1,strlen($fat)); ?>]
            ],
            groups: [
                        ['MUSCLE', 'FAT']
                    ],
            type: 'bar',
            colors:{
                MUSCLE: '#75e3ff',
                FAT: '#23bbe8'

            }
            },
            bar: {
            width: { ratio: 0.8 }
            },
            axis: {
            x: {
                type: 'categories',
                show: true,
                label: {
                 text: 'Measurements',
                 position: 'outer-middle'
                },
                tick: {
                format: "%b",
                fit: true
                }
            },
            y: {
                label: {
                 text: '<?php echo $_SESSION["unit"]; ?>',
                 position: 'outer-middle'
                }
            },

            },
            subchart: {
            show: true
            }, 
            zoom: {
            enabled: true
            }
            });

Вот как это выглядит, я хотел бы сделать это и на мобильном телефоне.

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...