使用新数据更新pixi.js散点图

const app = new PIXI.Application({
    width: 800,
    height: 600,
    antialias: true,
    transparent: false,
    resolution: 1,
});

const scatterContainer = new PIXI.Container();
app.stage.addChild(scatterContainer);

function updateScatterPlot(data) {
    scatterContainer.removeChildren(); // 清空之前的数据点

    for (let i = 0; i < data.length; i++) {
        const point = data[i];

        const graphics = new PIXI.Graphics();
        graphics.beginFill(0xFF0000); // 设置数据点的颜色
        graphics.drawCircle(point.x, point.y, 5); // 绘制数据点的形状和大小
        graphics.endFill();

        scatterContainer.addChild(graphics); // 将数据点添加到容器中
    }
}

// 调用updateScatterPlot函数，并传入新的数据集
const newData = [
    { x: 100, y: 200 },
    { x: 300, y: 400 },
    // 更多数据点...
];
updateScatterPlot(newData);

document.body.appendChild(app.view);