title: Streaming Real-time data with react and chartjs-plugin-streaming paused
body: <p>When passed like this</p>
  <blockquote>
  <p>Error: &quot;realtime&quot; is not a registered scale</p>
  </blockquote>
  <p>Refresh function:</p>
  <pre><code>onRefresh=(chart) =&gt;{
          var now = Date.now();
           chart.data.datasets[0].data.push({
              x: now,
              y: this.state.realdata.sitting
            });
        }
  </code></pre>
  <p>Component:</p>
  <pre><code>                &lt;Line
                    data={{
                      datasets: [
                        {
                          label: &quot;Customers&quot;,
                          borderColor: &quot;rgb(54,162, 235)&quot;,
                          backgroundColor: &quot;rgba(54,162, 235, 0.5)&quot;,
                          lineTension: 0,
                          borderDash: [8, 4],
                          data: this.state.livePeopleSitting,
                        },
                      ],
                    }}
                    options={{
                      scales: {
                        x: {
                            type: &quot;realtime&quot;,
                            realtime: {
                              onRefresh: this.onRefresh,
                              delay: 4000,
                              duration: 160000,
                              refresh: 3000,
                            },
                          },
                        y: {
                          title: {
                            display: true,
                            text: &quot;people seated&quot;,
                          },
                        },
                      },
                    }}
                  /&gt;
  </code></pre>
  <p>After passing scales as</p>
  <pre><code>x: [{
  ...
  }]
  </code></pre>
  <p>instead of</p>
  <pre><code>x: {
  ...
  }
  </code></pre>
  <p>I stops getting an error, but it doesn't show the x axis at all,
  although object form is the latest <a href="https://www.chartjs.org/docs/3.3.0/getting-started/v3-migration.html#scales" rel="nofollow noreferrer">chart.js 3.0.0</a></p>