A template to render the linecharr.js with dynamic data

linechart.html.eex

<hr>
<h2> The Line Graph on Revenues & Years </h2>
<hr>

<div>
  <canvas id="lineChart" width="100%" height="100%"></canvas>
</div>

<script type="text/javascript">
  window.chart_data = <%= raw(Jason.encode!(fetch_chart_data @revenues)) %>
  window.chart_labels = <%= raw(Jason.encode!(fetch_chart_labels @revenues)) %>
</script>

<script src='<%= Routes.static_path(@conn, "/js/linechart.js") %>' type="text/javascript"></script>