带类别轴amcharts4的日期格式

时间:2018-11-14 16:04:25

标签: typescript amcharts

dateformat属性在amcharts4中不起作用。

我知道dateformat是从父元素继承的,我已经尝试在图表级别,轴级别和系列级别设置dateformat。

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

请参见下面的codepen:

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

1 个答案:

答案 0 :(得分:1)

在github上@martynasma的语录

  

您正在使用CategoryAxis。该轴将所有类别视为   文字,因此未应用任何格式。

     

如果需要正确的日期轴,则需要使用DateAxis以及   系列的dataFields的dateX:

<span></span>
     

....

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

现在,DateAxis的设置格式不像   设置dateFormat。此轴类型具有多个级别的   粒度,因此您需要为目标对象设置一个。在你的情况下   一天。

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

更多信息:

     

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