amCharts dateAxis отображает только время, а не дату

Дата данных диаграммы в следующем формате: 17.05.19 18

Тем не менее, график показывает только время на оси даты, например: 18:00

Я хотел бы иметь возможность показывать полную дату со временем, так же, как это происходит в объекте данных.

Я попытался установить формат ввода даты и формат даты диаграммы. не помогло.

вот рабочий код: https://codepen.io/pthakkar/pen/dEzOJo

chart.dateFormatter.dateFormat = "M/dd/yy H:mm";
chart.dateFormatter.inputDateFormat = "M/dd/yy H:mm";
  1. Надеемся показать полную дату на графике.

Дополнительные незначительные проблемы, которые не удалось исправить:

  1. Щелчок и перетаскивание не приводит к увеличению, а только выделяет / выделяет область. Хотите добиться увеличения.

1 ответ

Решение

Ваши графики baseInterval является hour поэтому вы должны установить формат даты для hour ключ ( документы):

categoryAxis.dateFormats.setKey("hour", "M/dd/yy H:mm");

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

inputDateFormat только для чтения данных.

Для масштабирования вы установили поведение курсора на это:

chart.cursor.behavior = "selectX";

Вы должны просто удалить эту строку или установить ее zoomX ( документы):

chart.cursor.behavior = "zoomX";

В качестве альтернативы вы можете использовать zoomY или же zoomXY,

Здесь я раздвоил твой код пера и обновил его.

Другие вопросы по тегам