tamtakoe
@tamtakoe

Как отметить текущее время на d3js графике?

На графике по оси X отображается время, которое может уходить в будущее. Вертикальной чертой нужно отметить настоящий момент. Эту черту правильно рисовать как отдельный график или она должна быть частью оси?
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
Если нужно изменить форматирование определенного(ых) тиков
можешь выбрать при помощи .select и при помощи .attr('class', (d) => {}) проставить класс определенным тикам
Вот приблизительный пример но на старом d3
const yAxis = d3.svg
							.axis()
							.scale(y)
							.tickValues(yTickValues)
							.tickFormat(axisData.ticFormat)
							.tickSize(tickSize)
							.orient(orient);
						const yAxisLReady = svg
							.append('g')
							.attr('class', 'y axis')
							.attr('transform', 'translate(' + translateX + ',' + translateY + ')')
							.call(yAxis);

						yAxisLReady.selectAll('line').attr('class', d => { if (d.y === 25){ return 'new-class'}  });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы