一个html javascript中包含多个websocket

我想使用Websocket作为资源创建动态趋势图

例如，我绘制了两个绘图（chart1，chart2），一个连接到ws://localhost:8080/rd1，另一个连接到ws://localhost:8080/rd2，这是构建在tomcat8上的websocket服务器，将不同的卡夫卡主题（topic1，topic2）连接为OnOpen

对于我的问题，我想画两个动态趋势图，连接两个不同的卡夫卡资源。但当我开始两个图表时，所有消息都会填充到后面的连接图表中。 （即主题1、主题2=>图表2）

我认为我的javascript代码是错误的，我是javascript新手，不知道如何修复它

这是我的脚本（选择器是每个图表svg的id）：

对于每个图表，我将在图表按钮上调用此函数

function stream_trend_plot_on(selector){var connection = new WrapperWS(selector) }

很抱歉，我是新来的，现在还不能上传图片， 改为使用url

---

谢谢大家

是否将数据所属的图表考虑在内？因为如果这是您的实现，我没有看到每个数据流的绘图函数，看起来该函数是全局的？哦，顺便说一下，您定义的一些函数前面没有

var

关键字（

onOpen

，

onMessage

，

onClose

）。这使它们具有全局性，这意味着它们可以在任何其他范围内读取。这可能就是问题所在。是的！！在onOpen前面添加var这些函数使其工作，非常感谢！！！我应该学习一些关于javascript的课程，谢谢！

drawSomethingonSvg（evt.data）

是否考虑了数据所属的图表？因为如果这是您的实现，我没有看到每个数据流的绘图函数，看起来该函数是全局的？哦，顺便说一下，您定义的一些函数前面没有

var

关键字（

onOpen

，

onMessage

，

onClose

）。这使它们具有全局性，这意味着它们可以在任何其他范围内读取。这可能就是问题所在。是的！！在onOpen前面添加var这些函数使其工作，非常感谢！！！我应该学习一些关于javascript的课程，谢谢！

function stream_trend_plot_on(selector){var connection = new WrapperWS(selector) }