Javascript 中心轨迹

我需要将跟踪居中，因为加载时跟踪不会出现，用户应该移动视图。 我无法找到任何涉及此问题的文档或问题。 数据通过服务和服务从服务器检索 我用Angular 7作为前端，用plotly来绘制绘图

当页面加载时，绘图如下所示：。 如果我移动视图，则该视图如下所示：

谢谢

示例代码：

private loadPlot（）：void{
常量最小值=[]；
常量maxValues=[]；
常数dataForPlot=[]；
设traceIndex=0；
for（此.serverData.data中的常量键）{
如果（键=='filename'）{
继续；
}
常量值=[]；
常数colorsForLine=[]；
常量markersForLine=[]；
const mean=calculateMean（this.serverData.data[key]）；
常量textArray=[]；
this.serverData.data[key].forEach(
（元素，索引）=>{
让标记='圆圈'；
const color=getPointColor（元素['nc']）；
常量elementText=element['value']；
常量值=元素['value']；
if（index==this.serverData.data[key].length-1）{
马克=‘钻石十字架’；
}
值。推送（值）；
colorsForLine[索引]=颜色；
markersForLine[索引]=标记器；
textArray[index]=elementText+'
'+truncateFilename（this.serverData.data['filename'][index]，50）；
}
);
push（Math.min.apply（null，values.filter（（n）=>！isNaN（n）））；
push（Math.max.apply（null，values.filter（（n）=>！isNaN（n）））；
常量跟踪={
x:this.serverData.dates，
y:价值观，
键入：“散布”，
模式：“行+标记”，
标记：{
颜色：colorsForLine，
符号：markersForLine，
尺码：5
},
行：{
//颜色：colorsForLine，
},
答案：错，
姓名:key,，
描述：'编号'+键，
文件名：this.serverData.data['filename']，
hoverinfo:'x+文本'，
hovertext:textArray
};
dataForPlot.push（跟踪）；
traceIndex++；
}
让我们来策划；
让MAXVALUEFORPLOT；
如果（this.plotThreshold==未定义）{
MINVALUEFORPLOT=Math.min.apply（null，minValues）-Math.abs（（Math.min.apply（null，minValues）*0.1））；
MAXVALUEFORPLOT=Math.max.apply（null，maxValues）+（Math.max.apply（null，maxValues）*0.1）；
}否则{
常量高度=（this.layoutShapes[this.layoutShapes.length-1]['y0']-this.layoutShapes[this.layoutShapes.length-1]['y1']）*0.3；
MINVALUEFORPLOT=this.layoutShapes[this.layoutShapes.length-1]['y1']-高度；
MAXVALUEFORPLOT=this.layoutShapes[this.layoutShapes.length-1]['y0']+高度；
}
此布局={
//标题：this.chart.name，
标题：this.generatePlotitle（），
形状：[]，
配色方式：traceColor.colorRange，
悬停模式：“最近的”，
xaxis：{
nticks:10，
},
亚克斯：{
类型：'线性'，
范围：[MINVALUEFORPLOT，MAXVALUEFORPLOT]
},
currentDiv:“绘图”
};
this.layout.shapes=this.layoutShapes；
Plotly.react（'plot'，dataForPlot，this.layout）；
}

Welcome Marc，你有吗？嗨，gengns，我添加了绘制绘图的函数。谢谢