Javascript 在Lightningchart中滚动时在右侧填充

下面是我创建的图表，我想在动态图表水平滚动时在右侧添加填充

这是我将数据更新到图表的代码

setInterval(function(){updateChart()}, 100); 
var updateChart = function () {        
if(xVal > 160) return false;
chart.getDefaultAxisX().setInterval(xVal-100, xVal+2)
yVal = yVal +  Math.round(5 + Math.random() *(-5-5));
series.add({ x: xVal, y: yVal})
seriestwo.add({ x: xVal, y: yVal+500})
xVal++;
// update chart after specified time. 
};

在每次更新中，我都会拨打这条电话来实现我现在所需要的

chart.getDefaultAxisX().setInterval(xVal-100, xVal+2)

这是有点动摇图表，不顺利，我如何实际添加填充，我检查了所有文档，但没有发现任何东西

---

你们可以在这里玩-

目前没有内置的支持在滚动中添加填充

你所做的一切都可以用来达到预期的效果，只需要稍作改变

震动来自图表试图根据滚动策略滚动新数据。要禁止图表尝试滚动图表，可以将滚动策略设置为

undefined

chart.getDefaultAxisX（）.setScrollStrategy（未定义）

设置图表时只需执行一次

随着这一变化，图表不再摇晃，但滚动并不平稳。要获得平滑滚动，可以在

setInterval

调用中添加第三个参数。此参数控制滚动是否应设置动画，将其设置为true将设置更改间隔的动画，并导致更平滑的滚动

//从LightningChartJS中提取所需的部分。
常数{
光照图，
数据模式，
战略,，
实线，
固体填料，
ColorHEX，
自动模式
}=lcjs
//从“xydata”-库导入数据生成器。
//创建XY图表。
常量图表=lightningChart（）.ChartXY（）
//添加线系列以可视化接收的数据
常量系列=chart.addLineSeries（）
const seriestwo=chart.addLineSeries（）
chart.getDefaultAxisX（）
.setScrollStrategy（未定义）
//如果希望为初始x轴间隔设置动画，请删除该行
.setInterval（-100,20,false）
设xVal=0
设yVal=0
setInterval（函数（）{updateChart（）}，100）；
var updateChart=函数（）{
如果（xVal>160）返回false；
chart.getDefaultAxisX（）.setInterval（xVal-100，xVal+20，true）
yVal=yVal+Math.round（5+Math.random（）*（-5-5））；
series.add（{x:xVal，y:yVal}）
seriestwo.add（{x:xVal，y:yVal+500}）
xVal++；
//在指定时间后更新图表。
};
目前没有内置支持在滚动中添加填充

你所做的一切都可以用来达到预期的效果，只需要稍作改变

震动来自图表试图根据滚动策略滚动新数据。要禁止图表尝试滚动图表，可以将滚动策略设置为
undefined
chart.getDefaultAxisX（）.setScrollStrategy（未定义）
设置图表时只需执行一次

随着这一变化，图表不再摇晃，但滚动并不平稳。要获得平滑滚动，可以在
setInterval
调用中添加第三个参数。此参数控制滚动是否应设置动画，将其设置为true将设置更改间隔的动画，并导致更平滑的滚动


//从LightningChartJS中提取所需的部分。
常数{
光照图，
数据模式，
战略,，
实线，
固体填料，
ColorHEX，
自动模式
}=lcjs
//从“xydata”-库导入数据生成器。
//创建XY图表。
常量图表=lightningChart（）.ChartXY（）
//添加线系列以可视化接收的数据
常量系列=chart.addLineSeries（）
const seriestwo=chart.addLineSeries（）
chart.getDefaultAxisX（）
.setScrollStrategy（未定义）
//如果希望为初始x轴间隔设置动画，请删除该行
.setInterval（-100,20,false）
设xVal=0
设yVal=0
setInterval（函数（）{updateChart（）}，100）；
var updateChart=函数（）{
如果（xVal>160）返回false；
chart.getDefaultAxisX（）.setInterval（xVal-100，xVal+20，true）
yVal=yVal+Math.round（5+Math.random（）*（-5-5））；
series.add（{x:xVal，y:yVal}）
seriestwo.add（{x:xVal，y:yVal+500}）
xVal++；
//在指定时间后更新图表。
};