title: Chart.js using json data
body: <p>I have a jsfiddle here - <a href="https://jsfiddle.net/nhww0uor/4/" rel="nofollow noreferrer">https://jsfiddle.net/nhww0uor/4/</a></p>
  
  <p>I have a simple line graph using chart.js</p>
  
  <p>The data is hard coded in the code.</p>
  
  <p>How do I do the same thing but with data from json</p>
  
  <pre><code>    var data = {
          'January' : '65',
          'February' : '59',
          'March' : '80',
          'April' : '81',
          'May' : '56',
          'June' : '55'
      }
  
      const CHART = document.getElementById('lineChart');
  
      var lineChart = new Chart(CHART, {
          type: 'line',
          data: {
              labels: ['January','February','March','April','May','June'],
              datasets:[
                  {
                      label: 'My first dataset',
                      fill: false,
                      lineTension: 0,
                      backgroundColor: "rgba(75,192,192,0.4)",
                      borderColor: "rgba(75,192,192,1)",
                      borderCapStyle: 'butt',
                      borderDash: [],
                      borderDashOffset: 0.0,
                      borderJointStyle: 'miter',
  
                      data: [65,59,80,81,56,55]
                  }
              ]
          }
      })
  </code></pre>