ThingsBoard：如何将自定义窗口小部件添加到与现有内置窗口小部件相同的仪表板上，而不会引起错误？

问题描述

我使用外部JavaScript资源在ThingsBoard上创建了一个新的旋钮控件小部件。 外部JavaScript资源包括： https://code.jquery.com/jquery-1.9.0.js和 https://cdnjs.cloudflare.com/ajax/libs/jQuery-Knob/1.2.13/jquery.knob.min.js

JavaScript：

self.onInit = function() {
    var $j=jQuery.noConflict();
    $j(".knob").knob();
}

HTML：

<div class=container>
    <input class="knob" data-angleOffset=-125 data-angleArc=250 data-fgColor="#66CC66" value="50">
</div>

该小部件可以很好地运行。 但是，将其添加到仪表板后，也会导致同一仪表板上的其他现有窗口小部件出错。

从所附图像中可以看到，newKnobControl（这是我创建的自定义窗口小部件）已显示并正常工作。 但是，ThingsBoard上现有的内置旋钮控件小部件将无法正确显示，并且显示TimeSeries条也存在错误。 时间序列条错误表示为：Widget Error: TypeError: $.plot is not a function.

因此，问题是如何将自定义窗口小部件添加到与现有内置窗口小部件相同的仪表板中而不会导致错误？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）