chart.js multiple graph types on one graph code example
Example 1: chartjs line and bar order
var mixedChart = new Chart(ctx, {
type: 'bar',
data: {
datasets: [{
label: 'Bar Dataset',
data: [10, 20, 30, 40],
order: 2
}, {
label: 'Line Dataset',
data: [10, 10, 10, 10],
type: 'line',
order: 1
}],
labels: ['January', 'February', 'March', 'April']
},
options: options
});
Example 2: chart js line and bar
var mixedChart = new Chart(ctx, {
type: 'bar',
data: {
datasets: [{
label: 'Bar Dataset',
data: [10, 20, 30, 40],
order: 1
}, {
label: 'Line Dataset',
data: [10, 10, 10, 10],
type: 'line',
order: 2
}],
labels: ['January', 'February', 'March', 'April']
},
options: options
});