Haakjes

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2025-04-11","2025-04-16","2025-04-21","2025-04-23","2025-04-29","2025-05-29","2025-06-17","2025-07-16","2025-07-30","2025-08-26","2025-11-04","2025-11-21","2026-01-07","2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,37,37,37,38,38], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2025-04-11","2025-04-16","2025-04-21","2025-04-23","2025-04-29","2025-05-29","2025-07-16","2025-07-30","2025-08-26","2025-11-04","2025-11-21","2026-01-07","2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,37,37,37,38,38], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2025-04-11","2025-04-16","2025-04-21","2025-04-23","2025-04-29","2025-05-29","2025-07-16","2025-07-30","2025-08-26","2025-11-04","2025-11-21","2026-01-07","2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,34.3,37,37,37,38,38], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2025-04-11","2025-04-16","2025-04-21","2025-04-23","2025-04-29","2025-05-29","2025-07-16","2025-07-30","2025-08-26","2025-11-04","2025-11-21","2025-11-27","2026-01-07","2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [82.95,82.95,82.95,82.95,82.95,82.95,80.95,80.95,80.95,80.95,80.1,80.1,84.95,84.95,84.95], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2025-07-16","2025-07-30","2025-08-26","2025-11-04","2025-11-21","2025-11-27","2026-01-07","2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [67.95,67.95,67.95,67.95,67.64,67.64,67.95,67.95,67.95], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [28.68], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2025-04-11","2025-04-16","2025-04-21","2025-04-23","2025-04-29","2025-05-29","2025-07-16","2025-07-30","2025-08-26","2025-11-04","2025-11-21","2026-01-07","2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [25,25,25,25,25,25,25,25,25,25,25,25,25,25], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });

Prijsgeschiedenis

var ctx = document.getElementById('priceHistoryChart').getContext('2d'); var priceHistoryChart = new Chart(ctx, { type: 'line', data: { labels: ["2026-02-16","2026-04-15"], // De datums datasets: [{ label: 'Prijs Geschiedenis', data: [34.49,34.5], // De prijzen (als floats) borderColor: 'rgb(41, 92, 255)', fill: false, tension: 0.1 }] }, options: { responsive: true, plugins: { tooltip: { callbacks: { title: function(tooltipItem) { // Weergeef de datum in de tooltip return tooltipItem[0].label; }, label: function(tooltipItem) { // Weergeef de prijs in de tooltip met 2 decimalen return '€' + tooltipItem.raw.toFixed(2); // Zorg dat het altijd 2 decimalen toont } } } }, scales: { x: { title: { display: false // Verwijder de titel van de X-as } }, y: { title: { display: false // Verwijder de titel van de Y-as } } } } });