如何解决如何使用 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");
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。