LightningChart JS中LineSeries数据偏移后失真问题求助
LightningChart JS 数据失真问题
问题背景与现象
- 数据采样率:1000样本/秒,需一次性展示1-2周的数据
- 使用
ChartXY类,X轴设置为linear-highPrecision(官方宣称具备1ms精度) - LineSeries配置:
dataPattern: {pattern: "ProgressiveX", regularProgressiveStep: true}
显示差异:
- 数据在DateOrigin附近时,显示效果正常:


- 通过代码
ds.addArrayY(curve.data,step=1,start=14*24*60*60*1000)将数据偏移14天后:- 缩小视图时看似正常
- 放大后数据完全混乱,X轴值被强制转换为更大步长,偏移越远问题越严重:


相关代码
图表创建代码
// Create a Line Chart. const PumpsChart = lightningChart().ChartXY({ // Set the chart into a div with id, 'target'. // Chart's size will automatically adjust to div's size. theme: Themes.lightGradient, container: 'PumpsChart', defaultAxisX: { type: 'linear-highPrecision' } }).setTitle('') // Set chart title .setTitleFont(new FontSettings({ family: waveChartFontFamily, size: 20 })) .setMouseInteractionWheelZoom(false) axisPumpsChartDateTime = PumpsChart.getDefaultAxisX() .setTickStrategy( AxisTickStrategies.DateTime, (tickStrategy) => tickStrategy.setDateOrigin(waveDateOrigin)) axisPumpsChartPressurePSI = PumpsChart.getDefaultAxisY() .setTitle("Pressure (PSI)") .setInterval(0,10000,0,true)
LineSeries创建代码
newDataSeries = targetChart.chart.addLineSeries( { yAxis: targetChart.axis, dataPattern: { pattern: 'ProgressiveX', regularProgressiveStep: true, } } );
数据添加代码
ds.addArrayY(curve.data,step=1,start=14*24*60*60*1000)
后续尝试与补充问题
- 编辑补充:即使使用Time刻度策略,将数据相对原点偏移-636小时,无论是否设置ProgressiveX,数据仍会失真:

- 编辑2补充:尝试将数据下采样至20样本/秒并换回AxisTickStrategies.DateTime,数据仍被压缩到0.25秒的间隔:

需求
因数据跨度达数周,不想使用AxisTickStrategies.DateTime,希望找到可调整的参数解决数据失真问题。
内容的提问来源于stack exchange,提问作者Kenneth Miller
相关产品推荐
相关产品推荐

