用morris图形修复用滚动条显示的数据

Question

我正在使用Morris条形图和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天的数据来访问Rest数据吗？

Answer 1

用Morris图制作X-涡卷是不可行的。但我认为，如果您将父级的宽度限制在比图表的宽度更宽的范围内，这应该是可以的。类似于:

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