score:1

Accepted answer

see http://www.chartjs.org/docs/latest/axes/cartesian/time.html for setting time scale on xaxes, then you have to convert your date field to a real date object:

  xaxes: [{
    type: 'time',
    distribution: 'linear',
    ticks: {
      source: 'labels'
    },
    time: {
    unit: 'month',
    unitstepsize: 1,
    displayformats: {
       'month': 'mmm'
      }
    }
  }

check this jsfiddle showing an example of time serie rendered as a line: https://jsfiddle.net/beaver71/9f9a2z88/

score:0

you have 2 separate your data array into 2 different arrays. one of dates (say dates_array) and another of price (say price_array). then you just have to create new chart.

var chart = new chart(element, {
    type: 'line',
    data: {
      labels: dates_array,
      datasets: [{
        label: '# price',
        data: price_array
      }]
    }
  });

here, element is the element in which chart will be shown. labels will be assigned the date array and data will be assigned price array. you can check this jsfiddle https://jsfiddle.net/j7gta8yn/


Related Query

More Query from same tag