Исправить данные для отображения с полосой прокрутки с графиком Морриса - PullRequest
Новая
       19

Исправить данные для отображения с полосой прокрутки с графиком Морриса

0 голосов
/ 05 июня 2018

Я использую гистограмму Морриса с php с данными из базы данных mysql

Теперь он показывает гистограмму.

Мой вопрос:

Есть около 100 строкв базе данных mysql, и они растут день ото дня.

Моя гистограмма отображает данные с разбивкой по дате.

Можно ли зафиксировать количество дней для отображения гистограммы вместе с горизонтальной полосой прокрутки для просмотра предыдущих данных?

Код, который я сейчас использую, выглядит следующим образом: 

<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 дней на графике с горизонтальной полосой прокрутки для доступа к остальным данным?

1 Ответ

0 голосов
/ 05 июня 2018

Невозможно сделать x-свиток с диаграммой Морриса.Но я предполагаю, что если вы ограничите ширину родительского виджета, чем ширину диаграммы, это должно быть в порядке.Что-то вроде: 

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