title: Chart JS only showing first 2 values
body: <p>I'm using this for my chart application right now</p>
  <pre><code>&lt;script&gt;
      var canvas = document.getElementById('myChart');
  
      new Chart(document.getElementById(&quot;myCanvas&quot;), {
    type: 'line',
    data: {
      labels: mon_unique,
      datasets: [{
          data: values,
          borderColor: &quot;#3e95cd&quot;,
          fill: false
        },
      ]
      },
      options: {
          title: {
          display: true,
          },
              hover: {
              mode: 'index',
              intersect: true
              },
          }
      });
      
      &lt;/script&gt;
  </code></pre>
  <p>values, what I called my data in my flask app, is a list of numbers. When I change data: [0,1,2,3,4] it graphs it, but it doesn't pass in my values at all.</p>
  <pre><code>data = remove_err_str
  return render_template('graphing.html', values=data)
  </code></pre>
  <hr />
  <p>This displays only the first two points in values. Values is a list of about 50,000 items. It looks like ['1243.42','2`,...]</p>
  <pre><code>&lt;body&gt;
      &lt;canvas id=&quot;myChart&quot; width=&quot;400&quot; height=&quot;400&quot;&gt;&lt;/canvas&gt;
      &lt;script&gt;
        var canvas = document.getElementById('myChart');
    
        new Chart(document.getElementById(&quot;myChart&quot;), {
      type: 'line',
      data: {
        datasets: [{
            data: {{values | safe}},
            borderColor: &quot;#3e95cd&quot;,
            fill: false
          },
        ]
        },
        options: {
            title: {
            display: true,
            test: &quot;Chart for the sweep data&quot;
            },
                hover: {
                mode: 'index',
                intersect: true
                },
            }
        });
        
        &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>