要指定AmCharts的DateAxis使用特定的间隔,可以使用dateFormats属性。以下是一个示例代码:
// 创建图表对象
var chart = am4core.create("chartdiv", am4charts.XYChart);
// 创建一个DateAxis
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
// 设置dateFormats属性,指定间隔格式
dateAxis.dateFormats.setKey("second", "ss");
dateAxis.dateFormats.setKey("minute", "mm");
dateAxis.dateFormats.setKey("hour", "HH:mm");
dateAxis.dateFormats.setKey("day", "MM-dd");
dateAxis.dateFormats.setKey("week", "MM-dd");
dateAxis.dateFormats.setKey("month", "MM-dd");
dateAxis.dateFormats.setKey("year", "yyyy");
// 添加数据到图表
chart.data = [{
"date": new Date(2022, 0, 1, 0, 0, 0),
"value": 100
}, {
"date": new Date(2022, 0, 1, 0, 1, 0),
"value": 200
}, {
"date": new Date(2022, 0, 1, 0, 2, 0),
"value": 150
}];
// 创建一个ValueAxis
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
// 创建一个LineSeries
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = "value";
series.dataFields.dateX = "date";
series.strokeWidth = 2;
series.minBulletDistance = 10;
// 启动图表
chart.cursor = new am4charts.XYCursor();
chart.cursor.xAxis = dateAxis;
chart.cursor.snapToSeries = series;
chart.cursor.fullWidthLineX = true;
chart.cursor.lineX.strokeWidth = 0;
chart.cursor.lineX.fill = am4core.color("#000");
chart.cursor.lineX.fillOpacity = 0.1;
// 添加一个滚动条
chart.scrollbarX = new am4core.Scrollbar();
在上述代码中,我们使用dateAxis.dateFormats.setKey()方法来指定不同间隔的日期格式。可以根据需求自定义日期格式。