Lightningchart JS中X轴的自定义日期时间
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Lightningchart JS中X轴的自定义日期时间相关的知识，希望对你有一定的参考价值。
我有X和这样的轴，其15秒图。
["2020-05-22 14:20:22", "173.9"]
["2020-05-22 14:20:40", "175.3"]
["2020-05-22 14:20:58", "172.4"]
我尝试如下添加
for(var key in json)
{
var xTime = stringToDate(json[key][0]);
var yVal = parseFloat(json[key][1]);
series.add({ x: timer, y: yVal})
}
function stringToDate(s) {
s = s.split(/[-: ]/);
return new Date(s[0], s[1]-1, s[2], s[3], s[4], s[5]);
}
但是图表呈现的是x轴上的怪异值
答案
LightningChart JS的DateTime轴期望以毫秒值接收数据。它不直接支持Date对象。因此，如果您将时间作为Date对象，则需要调用getTime()方法来获取时间（以毫秒为单位）。当在具有时间值的轴上使用getTime()时，该数据可以在图表中显示为时间。如果要在向图表添加序列时默认使用DateTime轴刻度策略，则可以使用AxisTickStrategies.DateTime或AxisTickStrategies.DateTime（如果时间在Y轴上）。
当显示当前时间或接近当前时间时，您需要使用defaultAxisXTickStrategy作为值，并将时间添加为与该原始时间的偏移量。
defaultAxisXTickStrategy请参见下面的工作示例。
defaultAxisYTickStrategydefaultAxisYTickStrategy以上是关于Lightningchart JS中X轴的自定义日期时间的主要内容，如果未能解决你的问题，请参考以下文章
用LightningChart JS实现Javascript数据可视化
在 Chart.js 中设置图表标题、x 轴和 y 轴的名称？
用LightningChart JS和Google轻松实现地理空间数据的可视化