Почему диаграмма Highcharts исчезает после повторной установки LiveView? - PullRequest
0 голосов
/ 20 апреля 2020

Используемое программное обеспечение:

  • Elixir v1.10.2
  • Phoenix 1.5.0-rc0
  • LiveView 0.12.1
  • macOS Cataline 10.15 .4
  • Пробовал в Safari и Firefox

У меня LiveView настроен красиво с графиком (из Highcharts), показывающим некоторые данные. Диаграмма заключена в div с атрибутом phx-update="ignore", который прекрасно работает. Однако если вы отойдете от текущего LiveView и вернетесь к нему, диаграмма исчезнет.

При первом посещении страницы LiveView:

enter image description here

После навигации, затем возвращаясь с <%= live_patch "Dashboard, ... %> или <%= live_redirect "Dashboard", ... %>:

enter image description here

dashboard_live.html.leex:

<div phx-update="ignore" id="custom-chart">
    <figure id="main-chart" class="highcharts-figure">
        <div class="chart-container" id="<%= @chart_id %>"></div>
    </figure>
    <script id="main-chart-data">
        ....
    </script>
</div>

Диаграмма отображается нормально после обновления sh страницы.

1 Ответ

0 голосов
/ 20 апреля 2020

Инициализация диаграммы должна быть сделана с помощью хуков LiveView .

Ответ был дан в эликсирах форума LostKobrakai

...