How do I make line charts overlay over bar charts in chartjs

Question

I'm using leighquince fork of chartjs in v1.01-beta.5 because I can overlay two charts.

When I try to overlay a line chart and a bar chart, the line chart is under the bar chart

I can't seem to find an option that makes the Line chart be over the bar chart but overlayBars:true

How can this be achieved, will I edit the source?

Answer 1

You have to declare the line chart first in the dataSet and then the bar chart:

datasets: [
        {
          type: 'line',
          yAxisID: 'y-axis-1',
          fill: false,
          pointRadius: 0,
          label: 'Nota media',
          backgroundColor: '#ed7d31',
          borderColor: '#ed7d31',
          data: [60, 59, 80, 81]
        },
        {
          type: 'bar',
          yAxisID: 'y-axis-0',
          label: 'Observaciones',
          backgroundColor: '#5b9bd5',
          data: [40, 20, 12, 39]
        }
      ],