Измените параметры JavaScript, используя h: selectOneMenu

Я хочу использовать этот график и перезагрузить его, используя h: selectOneMenu с новыми данными:

                       <div class="tradingview-widget-container">
                          <div id="tradingview_e6df2"></div>
                          <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
                          <script type="text/javascript">
                          new TradingView.widget(
                          {
                              "autosize": true,
                          "symbol": "NASDAQ:AAPL",
                          "interval": "D",
                          "timezone": "Etc/UTC",
                          "theme": "Light",
                          "style": "1",
                          "locale": "uk",
                          "toolbar_bg": "#f1f3f6",
                          "enable_publishing": false,
                          "allow_symbol_change": true,
                          "container_id": "tradingview_e6df2"
                        }
                          );
                          </script>
                        </div>

Код JSF:

<h:selectOneMenu value="#{dashboard.symbol}" class="form-control" name="symbolid">
   <f:selectItem itemValue="NASDAQ:BCH/BTC" itemLabel="BCH/BTC"/>
   <f:selectItem itemValue="NASDAQ:AAPL" itemLabel="AAPL"/>
</h:selectOneMenu>

Я хотел бы обновить "symbol": "NASDAQ:AAPL", добавив несколько пользовательских параметров из меню выбора и перезагрузить диаграмму.

Вы знаете, как я могу реализовать эту функцию?

@Kukeltje дайте мне на этот раз полезный ответ.