修复数据以使用带有莫里斯图的滚动条显示

Question

我正在使用带有 php 的莫里斯条形图以及来自 mysql 数据库的数据

现在它显示条形图。

我的问题是：

mysql 数据库中大约有 100 行，并且它们每天都在增加。

我的条形图显示日期数据。

我们可以固定显示条形图以及水平滚动条以查看以前数据的天数吗？

我现在使用的代码如下：

<div id="graphdatewise"></div>
<script>
$(function () {
var graphdatewise = {
element: 'graphdatewise',
data: <?php echo json_encode($chartresult);?>,
xkey: 'cur_date',
ykeys: ['counter', 'counter_unique_visit'],
labels: ['PageViews', 'UniqueVisits'],
parseTime: true,
barColors: ['#F4FA58', '#00FFFF'],
xLabels: 'Date',                   
xLabelAngle: 70
}
bar1 = Morris.Bar(graphdatewise)
});
</script>

现在有了这个代码，条形被调整大小，整个数据显示在图形中。取而代之的是，我们可以在带有水平滚动条的图表中显示 10 天的数据以访问其余数据吗？

Answer 1

用莫里斯图制作 x 滚动是不可能的。但我想，如果你将父宽度限制在图表的宽度上，那应该没问题。像这样：

<div id='parent' style='width: 100px;'>
<div id='graphdatewise' style='width: 50px;'></div>
</div>