What I am doing is this In Analytics page, I display Chart using Chart.js and stats. 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.…

[image] wlminimal: total_sent: total_sent, How do you use this assigns? I mean, how AnalyticsChart.buildChart() reads this assigns values? [image] wlminimal: And as I expected It doesn’t work. What is the return value of this exec_js/2?

How do you use this assigns? I mean, how AnalyticsChart.buildChart() reads this assigns values? it reads from html page using javascript like this in analytics-chart.js import Chart from "chart.js" let AnalyticsChart = { buildChart() { let ctx = document.getElementById("analyticsChart"…

The values you set in the poke command are the Phoenix assigns. How are they bound to the elements? Like, how is “total_sent” assign bound to the element with ID “total-sent”? You may use Drab to re-execute JS ( see ‘Scripts’ chapter here ), but obviously it would work only in the JS parts rendered w…

[image] grych: You may use Drab to re-execute JS ( see ‘Scripts’ chapter here ), but obviously it would work only in the JS parts rendered with templates. The better docs for scripts are here .

The values you set in the poke command are the Phoenix assigns. How are they bound to the elements? Like, how is “total_sent” assign bound to the element with ID “total-sent”? like this <p id="total-sent" data-total-sent="<%= @total_sent %>"><%= @total_sent %></p> then I get the values in js li…

Cool, so it should work. Updating the “data-” attribute should update the dataset property as well. You may check it in the console with: document.getElementById("total-sent").dataset.totalSent after doing the poke. You just need to find a way to run the update chart function.

Yes, I just found a way to run the update chart function and did it like this in defhandler socket |> exec_js!("AnalyticsChart.update()") and it worked. Thanks!