Использование маркировки In Flot на оси времени - PullRequest
Новая
       16

Использование маркировки In Flot на оси времени

0 голосов
/ 03 июля 2018

У меня есть график, который отслеживает трафик людей, посещающих веб-сайт, и в настоящее время он показывает все свои данные без проблем:

An example of my graph

Каждый месяц или около того я обновляю и рассылаю новостную рассылку людям, которые подписаны на меня, и я хочу знать, есть ли способ показать на этом графике время выхода этих новостных рассылок.

Так что, если я смотрю на прошлую неделю посещаемость сайта на моем графике, а мой информационный бюллетень был разослан в понедельник, в этот день на графике появится строка:

What my graph would look like

Я знаю, что могу сделать это с помощью разметки, способ добавить линии в граф в flot, который уже существует 

{ xaxis: { from: 1, to: 2 }, color: "#000000" } //Creates a vertical line from 1 to 2

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

Итак, мой вопрос: как мне добавить маркировку к графику, который появляется в определенную дату с помощью flot?

EDIT 

$.plot("#chart_filled_blue", data1, $.extend(true, {}, Plugins.getFlotDefaults(), {
    xaxis: {
        min: start,
        max: end,
        mode: "time",
        tickSize: [1, type],
        tickLength: 0
    },
    series: {
        lines: {
            fill: true,
            lineWidth: 1.5
        },
        points: {
            show: true,
            radius:4,
            lineWidth: 1.1
        },
        grow: { active: true, growings:[ { stepMode: "maximum" } ] }
    },
    grid: {
        hoverable: true,
        clickable: true,
            markings: [{
                xaxis: {
                    from: 1530421200,
                    to: 1530507600
                },
                color: "#000000"
            }]
    },
    tooltip: true,
    tooltipOpts: {
        content: '%s: %y'
    }
    }));

1 Ответ

0 голосов
/ 03 июля 2018

Маркировка очень хорошо работает во флоте с временными осями. Можете ли вы опубликовать код, чтобы помочь лучше понять проблему?

Вам нужно установить отметку from и to на отметку времени, в которую вы хотите, чтобы отметка появилась: 

grid: {
  markings: [{
    xaxis: {
      from: 1336201200000,
      to: 1336201200000
    },
    color: "#ff0000"
  }]
}

Этот JSFiddle имеет рабочий пример оси временного ряда и разметки.

...