Javascript Lightningchart JS中X轴的自定义日期时间
我有这样的X轴,它是15秒图表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
["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小时,如何无缝地显示它?对于如何在结果表中显示日期,如果您发布另一个问题,我将不胜感激。关于差距,我认为我们现在没有任何方法可以做到这一点。好的,当然,我已经在这里问过了,先生,关于我的两个新问题有什么更新吗?我每天都在查你的答案。。