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

Question

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

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

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

感谢帮助

Answer 1

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

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

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

How to get date format M/d/yyyy in graph using amcharts4?

datetime

date

amcharts

amcharts4