Typescript 动态添加数据时,移动自定义文件将启动
我正在使用signar动态更新自定义图表上的数据系列,并希望在添加数据时移动xAxis滑块 目前,我正在根据滑块的最后一个已知位置增量更新dataZoom属性(使用dataZoom确定最后一个位置),但是,这不是一个优雅的解决方案 在站点上的动态数据示例中,图表无缝移动(),不幸的是,我的代码没有这样做 信号器内的设置选项:Typescript 动态添加数据时,移动自定义文件将启动,typescript,echarts,Typescript,Echarts,我正在使用signar动态更新自定义图表上的数据系列,并希望在添加数据时移动xAxis滑块 目前,我正在根据滑块的最后一个已知位置增量更新dataZoom属性(使用dataZoom确定最后一个位置),但是,这不是一个优雅的解决方案 在站点上的动态数据示例中,图表无缝移动(),不幸的是,我的代码没有这样做 信号器内的设置选项: this.chartinstance.setOption({ 数据缩放:[{ 开始:this.laststart*12, 结束:这个。最后结束*12, }], 系列:[{
this.chartinstance.setOption({
数据缩放:[{
开始:this.laststart*12,
结束:这个。最后结束*12,
}],
系列:[{
data:this.axisdata
}]
});
数据缩放:
公共图表数据缩放(事件:任意):无效{
如果(event.batch&&event.batch.length>=1){
this.zoombatch=event.batch[0];
this.zoombatch.data=true;
}
否则{
this.laststart=event.start;
this.lastend=event.end;
}
}
是否有一个更简单的方法,基于最大的酒吧长度,因为这将是理想的
图表如下所示:
最早的条目位于左侧,默认情况下,x轴滑块的位置位于左侧
添加新条目时,它们会添加到屏幕右侧(在屏幕截图中),即屏幕外
当添加新条目时,我需要x轴移动,而不管它们在那个时间点是否在屏幕上可见