如何重新绘制RGraph SVG线图？

Question

我有一个简单的web服务器嵌入在一个微控制器上。其中一个网页允许用户绘制捕获的数据( CSV格式)。该页面首先加载所有数据并将其呈现给用户，但随后我希望允许用户进行选择和取消选择数据(列)、更改行颜色和更改数据缩放等操作。当我天真地第二次调用RGraph.SVG.Line时，它只是在已经存在的图像之上重新绘制修改过的图表。如何让RGraph删除先前的图像并重新开始？

我分别尝试了以下几种方法：

RGraph.Clear(document.getElementById("plotDiv"));
RGraph.ObjectRegistry.Clear();
document.getElementById("plotDiv").innerHTML="";

"RGraph.Clear“和"Graph.ObjectRegistry.Clear”似乎在该库的SVG版本中不可用。当我删除div的"innerHTML“时，div会被清除，但是当它再次被调用时，RGraph.SVG.Line根本不会绘制任何东西。

还有什么我可以试试的吗？

Answer 1

您应该调用SVG的clear函数，而不是画布版本：

RGraph.SVG.clear(myChart.svg);

要清除注册表(您可能还需要这样做)：

RGraph.SVG.OR.objects = [];

然后，您应该能够在SVG标记上绘制一个新的图表。