Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Lightningchart JS中X轴的自定义日期时间_Javascript_Lightningchart - Fatal编程技术网

Javascript Lightningchart JS中X轴的自定义日期时间

Javascript Lightningchart JS中X轴的自定义日期时间,javascript,lightningchart,Javascript,Lightningchart,我有这样的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.ad

我有这样的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的日期时间轴希望以毫秒值的形式接收数据。它不直接支持
Date
对象。所以,如果您的时间是
Date
对象,那么您需要调用方法以毫秒为单位获取时间。当在具有时间值的轴上使用时,该数据可以在图表中显示为时间。如果在向图表中添加序列时希望默认使用日期时间轴勾选策略,或者如果时间在Y轴上,则可以使用该策略

显示当前时间或接近当前时间时,需要使用
原点
作为值,并将时间添加为与该原点时间的偏移量

const dateOrigin=new Date()
常量图表=lightningChart().ChartXY({
defaultAxisXTickStrategy:AxisTickStrategies.DateTime(dateOrigin)
})
常量系列=chart.addLineSeries()
const xTime=new Date(new Date().getTime()+100000000)
常数yVal=1
add({x:xTime.getTime()-dateOrigin.getTime(),y:yVal})
请参见下面的工作示例

const{
光照图,
轴对称策略
}=lcjs
//创建XY图表。
const dateOrigin=新日期()
常量图表=lightningChart().ChartXY({
defaultAxisXTickStrategy:AxisTickStrategies.DateTime(dateOrigin)
})
常量系列=chart.addLineSeries()
series.setCursorInterpolationEnabled(错误)
常数数据=[
["2020-05-22 14:20:22", "173.9"],
["2020-05-22 14:20:40", "175.3"],
["2020-05-22 14:20:58", "172.4"]
]
函数stringToDate(s){
s=s.split(/[-:]/);
返回新日期(s[0],s[1]-1,s[2],s[3],s[4],s[5]);
}
for(var输入数据)
{
var xTime=stringToDate(数据[key][0]);
var yVal=parseFloat(数据[键][1]);
add({x:xTime.getTime()-dateOrigin.getTime(),y:yVal})
}

@Snekw您好,请求您的帮助,谢谢您,当您在折线图上悬停时,如何在标签上显示日期。。。而且如果两个数据之间存在差距,那么两者之间也存在差距,如何避免呢?例如,昨天的交易时间是6小时,今天的交易时间是6小时,如何无缝地显示它?对于如何在结果表中显示日期,如果您发布另一个问题,我将不胜感激。关于差距,我认为我们现在没有任何方法可以做到这一点。好的,当然,我已经在这里问过了,先生,关于我的两个新问题有什么更新吗?我每天都在查你的答案。。