Set property will reload chart?

#1

i used liveware and some chart widge in my project.

  document.addEventListener('livewire:load', function () {

                const ws = new WebSocket('xxx')

                ws.onmessage = function (msg) {
                   
                    @this.xxx = msg.data;
                    /
                }
            })

and my chart code

   <div class="tradingview-widget-container">
                            <div id="tradingview_0de7f"></div>
                            <div class="tradingview-widget-copyright"><a href="https://cn.tradingview.com/symbols/BTCUSDT/?exchange=HUOBI" rel="noopener" target="_blank"><</div>
                        </div>

<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
    new TradingView.widget(
        {
            "width": 980,
            "height": 610,
            "symbol": "HUOBI:BTCUSDT",
            "interval": "1",
            "timezone": "Etc/UTC",
            "theme": "dark",
            "style": "1",
            "locale": "zh_CN",
            "toolbar_bg": "#f1f3f6",
            "enable_publishing": false,
            "withdateranges": true,
            "save_image": false,
            "container_id": "tradingview_0de7f"
        }
    );
</script>

and the result is. when my propery updating , the chart will gone.

how to deal with it ,thanks~

#2

I guess you need to add attribute wire:ignore to your chart element: