2 lineCharts intr-o pagina

salut, incerc sa modific un template : Gentenella Bootstrap
Vreau 2 lineChart pe o pagina, sa zicem:

if ($('#lineChart').length ){
  
	 var ctx = document.getElementById("lineChart");
	 var lineChart = new Chart(ctx, {
	type: 'line',
	data: {
	  labels: ["January", "February", "March", "April", "May", "June", "July"],
	  datasets: [{
	 label: "My First dataset",
	 backgroundColor: "rgba(38, 185, 154, 0.31)",
	 borderColor: "rgba(38, 185, 154, 0.7)",
	 pointBorderColor: "rgba(38, 185, 154, 0.7)",
	 pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
	 pointHoverBackgroundColor: "#fff",
	 pointHoverBorderColor: "rgba(220,220,220,1)",
	 pointBorderWidth: 1,
	 data: [31, 74, 6, 39, 20, 85, 7]
	  }, {
	 label: "My Second dataset",
	 backgroundColor: "rgba(3, 88, 106, 0.3)",
	 borderColor: "rgba(3, 88, 106, 0.70)",
	 pointBorderColor: "rgba(3, 88, 106, 0.70)",
	 pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
	 pointHoverBackgroundColor: "#fff",
	 pointHoverBorderColor: "rgba(151,187,205,1)",
	 pointBorderWidth: 1,
	 data: [82, 23, 66, 9, 99, 4, 2]
	  }]
	},
	 });
  
   }

Asta e primul care se genereaza. Apoi daca doresc un al doilea :

if ($('#secondlineChart').length ){
				var ctx2 = document.getElementById("secondlineChart");
				var secondlineChart = new Chart(ctx2, {
					type: 'line',
					data: {
						labels: ["January", "February", "March", "April", "May", "June", "July"],
						datasets: [{
							label: "My First dataset",
							backgroundColor: "rgba(38, 185, 154, 0.31)",
							borderColor: "rgba(38, 185, 154, 0.7)",
							pointBorderColor: "rgba(38, 185, 154, 0.7)",
							pointBackgroundColor: "rgba(38, 185, 154, 0.7)",
							pointHoverBackgroundColor: "#fff",
							pointHoverBorderColor: "rgba(220,220,220,1)",
							pointBorderWidth: 1,
							data: [31, 74, 6, 39, 20, 85, 7]
						}, {
							label: "My Second dataset",
							backgroundColor: "rgba(3, 88, 106, 0.3)",
							borderColor: "rgba(3, 88, 106, 0.70)",
							pointBorderColor: "rgba(3, 88, 106, 0.70)",
							pointBackgroundColor: "rgba(3, 88, 106, 0.70)",
							pointHoverBackgroundColor: "#fff",
							pointHoverBorderColor: "rgba(151,187,205,1)",
							pointBorderWidth: 1,
							data: [82, 23, 66, 9, 99, 4, 2]
						}]
					},
				});
			}

nu mai merge. Am incercat sa schimb si variabila "ctx" dar fara succes. Mentionez ca in aceeasi pagina sunt si BarChart si alte tabele generate in acelasi mod.

cod html

	 <div class="row">
		  <div class="x_content">
			<canvas id="lineChart"></canvas>
		  </div>
		</div>
		<div class="row">
			<div class="x_content">
			  <canvas id="secondlineChart"></canvas>
			</div>
		</div>