作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个充满时间戳的数组,例如:
let tAxe = [1548546272000, 1548546287000, 1548546303000, 1548546318000, 1548546333000];
我正在尝试将每个时间戳转换为人类可读的日期。我可以阻止浏览器将此日期转换为当前时区吗?此 tAxe 变量在 amChart4 库中用于生成图形。
我在想一个循环,但我不确定如何准确地编写代码
for (i = 0; i < tAxe.length; i++) {
// I don't know how to write exactly the conversion
}
最佳答案
您只需将 dateFormatter.utc
设置为 true,amCharts 将为您完成剩下的工作:
chart.dateFormatter.utc = true;
这是一个使用您分享的时间戳的示例:
am4core.useTheme(am4themes_animated);
var chart = am4core.create("chartdiv", am4charts.XYChart);
chart.dateFormatter.utc = true;
chart.data = [
{date:1548546272000, value: 12},
{date:1548546287000, value: 15},
{date:1548546303000, value: 13},
{date:1548546318000, value: 17},
{date:1548546333000, value: 14},
];
var dateAxis = chart.xAxes.push(new am4charts.DateAxis());
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
var series = chart.series.push(new am4charts.LineSeries());
series.dataFields.valueY = "value";
series.dataFields.dateX = "date";
#chartdiv {
width: 100%;
height: 500px;
}
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
<div id="chartdiv"></div>
Here是一个代码笔,也显示了示例。
关于javascript - 如何将时间戳转换为 UTCString 并防止浏览器将日期更改为本地时区?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57625056/
我有一个充满时间戳的数组,例如: let tAxe = [1548546272000, 1548546287000, 1548546303000, 1548546318000, 15485463330
我是一名优秀的程序员,十分优秀!