Revolution aus China:
Ein Display das weder Akku noch Kabel braucht!

document.addEventListener("DOMContentLoaded", function() { const ctx = document.getElementById('wpRadarChart').getContext('2d'); const data = { labels: [ 'Energieeffizienz (Akku)', 'Lesbarkeit (Sonnenlicht)', 'Bildwiederholrate (Video)', 'Farbtiefe & Kontrast' ], datasets: [ { label: 'E-Paper (NFC / Passiv)', data: [95, 98, 10, 25], backgroundColor: 'rgba(54, 162, 235, 0.15)', borderColor: 'rgba(54, 162, 235, 1)', borderWidth: 2.5, pointBackgroundColor: 'rgba(54, 162, 235, 1)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgba(54, 162, 235, 1)', pointRadius: 4 }, { label: 'Klassisches LCD / OLED', data: [25, 45, 95, 95], backgroundColor: 'rgba(255, 99, 132, 0.15)', borderColor: 'rgba(255, 99, 132, 1)', borderWidth: 2.5, pointBackgroundColor: 'rgba(255, 99, 132, 1)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgba(255, 99, 132, 1)', pointRadius: 4 } ] }; const config = { type: 'radar', data: data, options: { responsive: true, maintainAspectRatio: false, scales: { r: { angleLines: { display: true, color: '#edf2f7' }, grid: { color: '#edf2f7' }, suggestedMin: 0, suggestedMax: 100, ticks: { stepSize: 20, display: false // Blendet nackte Zahlen aus, um das Design sauber zu halten }, pointLabels: { font: { size: 12, weight: '600' }, color: '#2d3748' } } }, plugins: { legend: { position: 'top', labels: { boxWidth: 15, padding: 15, font: { size: 13, weight: '500' }, color: '#4a5568' } }, tooltip: { backgroundColor: '#1a202c', titleFont: { size: 13 }, bodyFont: { size: 13 }, padding: 10, cornerRadius: 6, callbacks: { label: function(context) { return ' ' + context.dataset.label + ': ' + context.raw + '/100 Punkte'; } } } } } }; new Chart(ctx, config); });