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

【问题标题】：How to get date format M/d/yyyy in graph using amcharts4?如何使用 amcharts4 在图中获取日期格式 M/d/yyyy？
【发布时间】：2021-06-23 23:27:53
【问题描述】：

我正在努力使用 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;

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

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

感谢您的帮助

【问题讨论】：

标签： date datetime amcharts amcharts4

【解决方案1】：

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

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

【讨论】：