What I am doing is this

1. In Analytics page, I display Chart using Chart.js and stats.
2. There is 1 chart and 1 stat displayed, but when an user clicks "stat"button in order list, I want to update stat and chart in the page.

So in step 2. I did it to update stats(just simple number) using defhandler. and it updated assigns value so I can see a stat. but chart doesn’t update. because I need to execute Analytics.buildChart() again to update a chart.

That was imported and executed in app.js like this

import AnalyticsChart from "./analytics-chart"
let chartElement = document.getElementById("analyticsChart");
chartElement && AnalyticsChart.buildChart();

So I tried in same defhandler like this.

defhandler show_stats(socket, sender) do
# some code here

poke socket,
            total_sent: total_sent,
            deilvered_count: deilvered_count,
            undelivered_count: undelivered_count,
            total_clicks: total_clicks,
            recent_order: order

socket |> exec_js("AnalyticsChart.buildChart()")

end

And as I expected It doesn’t work.

So how can I do this?

Thanks in advance.