Хобрук: Ваш путь к мастерству в программировании

Сюжетная отсечка оси

Пытаюсь понять, почему мой заговор с осью оборван. Я не могу понять, как сделать так, чтобы участок сюжета вписался в нужное место.

Поигрались с полями, но это для всего графика.

Код ниже.

    var layout = {
        showlegend: true,
        autoresize: false,
        width: document.getElementById(div_id).clientWidth,
        height: 371,
        margin: {
         l: 50,
         r: 50,
         b: 100,
         t: 100,
         pad: 0,
        },
        title: title,
        xaxis: {
            fixedrange: true,
            rangeselector: selectorOptions,
            rangeslider: {},
            type: 'date',
            title: 'Time',
        },
        yaxis: {
            automargin: true,
            fixedrange: true,
            autotick: true,
            autorange: true,
            tickformat: ".3s",
            title: 'Mbps'
        }
    };

HTML-код div:

            <div class="x_content">
              <div id='{{item['index']}}div_id'"style="height:450px;"></div>
            </div>

проблема в красном

07.10.2019

Ответы:


1

Думаю, проблема здесь:

 <div class="x_content">
          <div id='{{item['index']}}div_id'"style="height:450px;"></div>
        </div>

вы устанавливаете его на «высоту: 450 пикселей», поэтому я думаю, вы достигли максимальной высоты, попробуйте, может быть, с 600 пикселей

07.10.2019
  • Привет. У меня рост: 371, в сюжете, так что проблем не должно быть. Я изменил его в div, но не повезло. 07.10.2019
  • Ok. Итак, как только я переместил эти 3 точки данных, он работает. Странно, поднимет его сюжетной командой 07.10.2019

  • 2

    Проблема заключалась в отсутствии точек данных. После того, как я добавил на график больше точек данных, все в порядке.

    07.10.2019
    Новые материалы

    Не зря же это называют интеллектом
    Стек — C#, Oracle Опыт — 4 года Работа — Разведывательный корпус Мне пора служить Может быть, я немного приукрашиваю себя, но там, где я живу, есть обязательная военная служба на 3..

    LeetCode Проблема 41. Первый пропущенный положительный результат
    LeetCode Проблема 41. Первый пропущенный положительный результат Учитывая несортированный массив целых чисел, найдите наименьшее пропущенное положительное целое число. Пример 1: Input:..

    Расистский и сексистский робот, обученный в Интернете
    Его ИИ основан на предвзятых данных, которые создают предрассудки. Он словно переходит из одного эпизода в другой из серии Черное зеркало , а вместо этого представляет собой хронику..

    Управление состоянием в микрофронтендах
    Стратегии бесперебойного сотрудничества Микро-фронтенды — это быстро растущая тенденция в сфере фронтенда, гарантирующая, что удовольствие не ограничивается исключительно бэкэнд-системами..

    Декларативное и функциональное программирование в стиле LINQ с использованием JavaScript с использованием каррирования и генератора ...
    LINQ - одна из лучших функций C #, которая обеспечивает элегантный способ написания кода декларативного и функционального стиля, который легко читать и понимать. Благодаря таким функциям ES6,..

    Структуры данных в C ++ - Часть 1
    Реализация общих структур данных в C ++ C ++ - это расширение языка программирования C, которое поддерживает создание классов, поэтому оно известно как C с классами . Он используется для..

    Как я опубликовал свое первое приложение в App Store в 13 лет
    Как все началось Все началось три года назад летом после моего четвертого класса в начальной школе. Для меня, четвертого класса, лето кажется бесконечным, пока оно не закончится, и мой отец..