0

使用的软件:

  • 灵丹妙药 v1.10.2
  • 凤凰 1.5.0-rc0
  • LiveView 0.12.1
  • macOS Cataline 10.15.4
  • 在 Safari 和 Firefox 上试过

我有一个 LiveView 很好地设置了一个显示一些数据的图表(来自 Highcharts)。该图表包含在一个 div 中,该phx-update="ignore"属性的效果很好。但是,离开当前的 LiveView 并返回它会使图表消失。

当我第一次访问 LiveView 页面时:

在此处输入图像描述

离开后返回<%= live_patch "Dashboard, ... %>or <%= live_redirect "Dashboard", ... %>

在此处输入图像描述

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>

刷新页面后图表正常显示。

4

1 回答 1

1

图表的初始化必须通过LiveView 钩子来完成。

LostKobrakai 在elixirforums中给出了答案

于 2020-04-20T12:25:52.660 回答