chartjs reload #522

Unanswered

SteanlyCZ asked this question in Q&A

SteanlyCZ
Mar 11, 2023

hi, is there any way to solve the refresh graph using polling?

<!-- index.html -->
{% load unicorn %}
<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    {% unicorn_scripts %} 
  </head>
  <body>
    {% csrf_token %}
    <canvas  id="myChart"></canvas> 
    {% unicorn 'chart' %}
  </body>
</html>

<!-- chart.html -->
<script unicorn:poll="get_updates">
  const ctx = document.getElementById('myChart');

  new Chart(ctx, {
    type: 'line',
    data: {
    labels: 'test',
    datasets: [{ 
        data: '[{{ current_time|date:"s" }}]',
        label: 'test',
        borderColor: '#3e95cd',
        backgroundColor: '#71b2da',
        fill: false
      },
    ]
},  
    
  });
</script>

#chart.py
from django_unicorn.components import UnicornView
from django_unicorn.components import PollUpdate, UnicornView
from django.utils.timezone import now


class ChartView(UnicornView):
    current_time = ""

    def get_updates(self):
        self.current_time = now()
        return PollUpdate(timing=1000, disable=False, method="get_updates")

if I open the page and open the DevTool in Chrome I see it works and the value in Data changes automatically.

but the graph does not change

How to do it please?

Replies: 0 comments

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment