Формат даты с осями amcharts4 категории - PullRequest
Новая
       0

Формат даты с осями amcharts4 категории

0 голосов
/ 14 ноября 2018

Свойство dateformat не работает в amcharts4.

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

 chart.dateFormatter.dateFormat = "dd/MM/yyyy";

Пожалуйста, см. Codepen ниже:

https://codepen.io/alex-wells/pen/vQmWBz

1 Ответ

0 голосов
/ 15 ноября 2018

Цитата из @martynasma на github

Вы используете CategoryAxis.Эта ось обрабатывает все категории как текст, поэтому форматирование не применяется.

Если вам нужна правильная ось даты, вам нужно использовать DateAxis, а также использовать dateX для полей данных серии: 

var dateAxis = chart.xAxes.push(new am4charts.DateAxis());

.... 

series1.dataFields.dateX = "category";
series1.dataFields.valueY = "value1";

Теперь настройка формата для DateAxis не так проста, как установка dateFormat.Этот тип оси имеет несколько уровней детализации, поэтому вам нужно установить целевой уровень.В вашем случае это день. 

dateAxis.dateFormats.setKey("day", "dd/MM/yyyy");
dateAxis.periodChangeDateFormats.setKey("day", "dd/MM/yyyy");

Дополнительная информация:

https://www.amcharts.com/docs/v4/reference/dateaxis/#dateFormats_property https://www.amcharts.com/docs/v4/reference/dateaxis/#periodChangeDateFormats_property

А вот и ваша ручка, обновленная, как указано выше:

https://codepen.io/team/amcharts/pen/pQPQdN?editors=0010

...