如何使用 amcharts4 在图表中获取日期格式 M/d/yyyy？

问题描述

我正在努力使用 amcharts4 在 X 轴上表示日期格式...我使用时间戳毫秒日期时间，在图表中我想以 M/d/yyyy 格式表示日期

这是我的代码：

// Create chart instance
var chart = am4core.create("chartdiv",am4charts.XYChart);

// Add data
chart.data = [{
  "value": 6557,"date":1601251200000,},{
  "value": 65,"date":  1603065600000,}];

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

// Set date label formatting
dateAxis.dateFormats.setKey("day","M/d/yyyy");
dateAxis.renderer.minGriddistance = 0;
// Create value axis
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());

// Create series
var series = chart.series.push(new am4charts.Lineseries());
        series.datafields.dateX = "date";
        series.name = "test";
        series.datafields.valueY = "value";
series.tooltip.getFillFromObject = true;
        series.tooltip.getstrokeFromObject = true;
        series.fillOpacity = 0.7;
        series.fill = am4core.color("#54A3CD");
        series.defaultState.transitionDuration = 1000;
        series.stacked = true;

我得到的只是像这样格式月日的日期

我在这里做错了什么？为什么图表上没有显示年份？

感谢帮助

解决方法

由于两个数据点之间的间隔，图表使用周间隔来显示其轴。由于它显示每周标签，因此您还需要设置每周格式：

dateAxis.dateFormats.setKey("week","M/d/yyyy");