我正在尝试创建一个动画图表,该图表会随着新数据的添加而向右增长。我正在使用绘制变量的路径(JavaFX LineChart 似乎太慢),尝试通过将新 LineTo 附加到路径元素集来每 500 毫秒绘制一个新变量。我已将问题简化为以下示例代码。任何 JavaFX 专家都可以告诉我为什么这不会导致一条线随着时间的推移而向右下方增长吗?:
var newX = 10;
var lineElements: PathElement[];
Timeline {
repeatCount: Timeline.INDEFINITE
keyFrames: [
KeyFrame {
time: 500ms
canSkip: false
action: function () {
newX = newX + 10;
insert [LineTo {x: newX, y: 100}] into lineElements;
}
}
]
}.play();
Stage {
title: "Application title"
scene: Scene {
width: 250
height: 80
content: [
Path {
fill: null
stroke: Color.RED
strokeWidth: 2
elements: bind lineElements = [
MoveTo {
x: 0
y: 100
}
]
}
]
}
}
谢谢一堆。