C3 Javascript为什么subchart在移动设备中不起作用?
我正在使用c3-d3库创建一个条形图,在计算机中它工作正常,我可以选择子图表的区域,它可以缩放条形图,但在移动设备中,它甚至不允许我选择要放大子图表的区域 这是我的代码: 我的图表在哪里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">
<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},