C3 Javascript为什么subchart在移动设备中不起作用?

C3 Javascript为什么subchart在移动设备中不起作用?,javascript,d3.js,responsive,c3.js,Javascript,D3.js,Responsive,C3.js,我正在使用c3-d3库创建一个条形图,在计算机中它工作正常,我可以选择子图表的区域,它可以缩放条形图,但在移动设备中,它甚至不允许我选择要放大子图表的区域 这是我的代码: 我的图表在哪里 <div class="wrapper wrapper-content animated fadeInRight"> <div class="row"> <div class="col-lg-12">

我正在使用c3-d3库创建一个条形图,在计算机中它工作正常,我可以选择子图表的区域,它可以缩放条形图,但在移动设备中,它甚至不允许我选择要放大子图表的区域

这是我的代码:

我的图表在哪里

<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
            }
            });
var图表=c3.generate({
bindto:'库存',
数据:{
标签:['y',1,2,3,4,5,6],
栏目:[
[‘肌肉’,],
[‘脂肪’,]
],
小组:[
[“肌肉”,“脂肪”]
],
类型:'bar',
颜色:{
肌肉:“#75e3ff”,
FAT:“#23bbe8”
}
},
酒吧:{
宽度:{比率:0.8}
},
轴线:{
x:{
类型:'类别',
秀:没错,
标签:{
文本:“测量”,
位置:'外侧中间'
},
勾选:{
格式:“%b”,
拟合:对
}
},
y:{
标签:{
文本:“”,
位置:'外侧中间'
}
},
},
分图表:{
秀:真的
}, 
缩放:{
已启用:true
}
});
这就是它看起来的样子,我也想在手机上这样做


谢谢

要用手指在手机上放大?我想在subchart中选择的区域不工作,它不做任何事情,也不放大,此属性:subchart:{show:true},