用于创建交互式图形的库，您可以在其中操作图形上的数据？

Question

当前，我正在研究一个项目，并正在开发一个Web应用程序，该应用程序可以绘制一些数据，例如PCA图。

在绘制完此PCA图后，我意识到很少有数据点是异常值，因此我想将其从数据文件中删除。而不是转到输入数据文件，我想在图形上选择该数据点并直接删除，而不是转到文件（借助图形来操作数据文件）。或者，也许我想选择所有红点，并想使用图形而不是与文件交互来创建一个新的数据文件。

我搜索了许多库，但无法为此找到合适的Javascript或任何其他库。请为我建议一个适合的技巧。

谢谢。

Answer 1

您可以使用Chart.js，这是一个功能非常丰富的JavaScript图表框架。

要弄清楚这一点，您可以使用以下一些技巧：

document.getElementById("myChart").onclick = function(evt){
    var activePoints = myRadar.getElementsAtEvent(evt);
    // use _datasetIndex and _index from each element of the activePoints array
};

请参阅此JsFiddle供参考。