Chart.js with datasets

by Benahmed Taoufiq

HTML

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<canvas id="graph"></canvas>

JavaScript

let donnee = [{
  type: "line",
  label: 'Label graphique',
  borderColor: 'blue',
  backgroundColor: 'red',
  fill: false,
  datalabels: {
    display: false
  },
  data: [2.9581124E7, 3.0960236E7, 3.1504709E7, 2.8674547E7, 3.0815519E7, 3.245989E7, 3.3069909E7, 3.3260666E7, 3.2609402E7, 3.2469211E7, 3.2245313E7, 3.2377454E7, 3.2412141E7, 3.2597479E7, 3.2874362E7, 3.3118456E7, 3.3393418E7, 3.3562877E7]
}, {
  type: "bar",
  label: 'Label graphique',
  borderColor: 'red',
  backgroundColor: "green",
  fill: false,
  datalabels: {
    display: false
  },
  data: [2.4530004E7, 2.5934992E7, 2.754116E7, 2.8806649E7, 2.9834727E7, 3.0357998E7, 3.138067E7, 3.1461084E7, 3.1765944E7, 3.1623695E7, 3.2044735E7, 3.2744114E7, 3.2369866E7, 2.7807343E7, 2.8148157E7, 2.8489739E7, 2.8835521E7, 2.9185559E7]
}],
labels=function(){
			let arr=[];
			for(let i=0;i<18;i++){arr[i]=i+1;}
			return arr;
		};
let c = new Chart(document.getElementById('graph').getContext('2d'), {
  data: {
    datasets: donnee,
    labels: labels()
  }

})