title: JavaScript Error - Uncaught SyntaxError: Unexpected number
body: <p>In my php I am running two different Select statements and passing them to my JQuery arrays <code>value</code> and <code>value1</code>  I have verified that each array holds data, in the proper format, but my issue is that my chart is never created.  What I am after is for Set 1 to be a bar and Set 2 to be a line that shows the same data points as Set 1 but is a line.  I tried the syntax below, but since no chart is displaying something is incorrect?</p>
  
  <pre><code>&lt;script&gt;  
      var ctx = document.getElementById('canvas').getContext('2d');
      var chart = new Chart(ctx, {                
          data: {
              type: 'bar',
              labels: labelsarr,
              datasets: [{
                      label: 'Set 1',
                      data: values,
                      backgroundColor: 'rgba(0, 119, 204, 0.8)',
                  }]
          }, {
              type: 'line', 
              datasets: [{
                      label: 'Set 2',
                      data: values1,
                      backgroundColor: 'rgba(0,119, 208, 0.8)',
              }]
          }
          options: {
              tooltips: { },
              legend: {
                  display: false,
                  position: 'top',
              },
              scales: { }
          });
  &lt;script&gt; 
  </code></pre>
  
  <p><strong>EDIT</strong><br>
  I have continued to work with the syntax, and now I get an error of </p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected number</p>
  </blockquote>
  
  <p>This is the full syntax I am utilizing now - what is erring?  I think it is something in the JavaScript since the page loads everything except the chart</p>
  
  <pre><code>        var ctx = document.getElementById('canvas').getContext('2d');
          var chart = new Chart(ctx, {
          datasets: [{
                      type: 'bar',
                      labels: labelsarr,
                      label: 'Sample 1',
                      backgroundColor: 'rgba(0, 119, 204, 0.8)',
                      data: [ values ]
              }, {
                  type: 'line', 
                  label: 'Set 2',
                  backgroundColor: 'rgba(0,119, 208, 0.8)',
                  data: [ values 1 ]
              },
              options: {
                  tooltips: {
                      callbacks: {
                          label: function (t, d) {
                              var xLabel = d.datasets[t.datasetIndex].label;
                              var yLabel = t.yLabel &gt;= 1000 ? '$' + t.yLabel.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") : '$' + t.yLabel;
                              return xLabel + ': ' + yLabel;
                          }
                      }
                  },
                  legend: {
                      display: false,
                      position: 'top',
                      text: 'Sample 2',
                  },
                  scales: {
                      yAxes: [{
                              ticks: {
                                  beginAtZero: true,
                                  callback: function (value, index, values) {
                                      if (parseInt(value) &gt;= 1000) {
                                          return '$' + value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                                      } else {
                                          return '$' + value;
                                      }
                                  }
                              }
                          }]
                  }
              },
              plugins: [{
                      beforeDraw: function (chart) {
                          var labels = chart.data.labels;
                          labels.forEach(function (e, i) {
                              var bar = chart.data.datasets[0]._meta[0].data[i]._model;
                              var dataPoint = e.split(/\s/)[1];
                              if (dataPoint === '16')
                                  bar.backgroundColor = 'orange';
                              else if (dataPoint === '17')
                                  bar.backgroundColor = 'blue';
                          });
                      }
                  }]
              }
          }]);
  </code></pre>