Dygrahs js (бегущая строка): разная толщина и цвет линии (x-шкала)

Я хочу изменить одну из вертикальных линий сетки (разная толщина и цвет линии) - задайте правило, по которому будет задаваться стиль линии.

Я пытаюсь объединить такие инструменты: тикер и осьLabelFormatter; Моя цель: делать сетку по оси X каждые 15 секунд, но линия кратная 30 секундам должна быть толстой (или поднять ширину: gridLineWidth).

Мой код находится здесь: enter code herehttp://jsfiddle.net/cLw2grga/


javascript css ticker dygraphs
person Vladimir Bushma    schedule 19.10.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

underlayCallback: function(ctx, area) {
  ctx.save();
  ctx.lineWidth = 0.5;
  for (var x = 15000; x <= 300000; x += 30000) {
    var domX = this.toDomXCoord(x);
    ctx.beginPath();
    ctx.moveTo(domX, 0);
    ctx.lineTo(domX, area.h);
    ctx.stroke();
  }
  ctx.restore();
}

См. полный пример здесь.

person danvk    schedule 19.10.2017
comment
Это решение не работает с селектором диапазона. Эти линии статичны, поэтому, когда я перемещаю селектор диапазона, линии на шкале X не совпадают с графиком. - person Vladimir Bushma; 22.10.2017
comment
Это неправильно. Вот версия этой скрипты с селектором диапазона: jsfiddle.net/eM2Mg/10566 (я также обновил к диграфам 2.) - person danvk; 23.10.2017