Я использую библиотеку 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
}
});
Вот как это выглядит, я хотел бы сделать это и на мобильном телефоне.
Спасибо!