04.09.2023, 21:27
Sorry,
hab ich jetzt einfach mal kopiert:
Viel Erfolg
rzscout
hab ich jetzt einfach mal kopiert:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Mein Chart</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<canvas id="myChart"></canvas>
<script>
// Daten für den Chart
var data = {
labels: ['Label 1', 'Label 2', 'Label 3'],
datasets: [{
label: 'Datenreihe 1',
backgroundColor: 'rgba(75, 192, 192, 0.2)',
borderColor: 'rgba(75, 192, 192, 1)',
borderWidth: 1,
data: [10, 20, 15]
}]
};
// Chart-Optionen
var options = {
plugins: {
title: {
display: true,
text: 'Mein Chart'
},
scales: {
x: {
ticks: {
maxRotation: 90,
minRotation: 0
}
},
y: {
type: 'category',
beginAtZero: true,
position: 'left', // Position der Y-Achse auf der linken Seite
labels: ['wenig', 'mittel', 'hoch'], // Benutzerdefinierte Beschriftungen
max: 'hoch', // Benutzerdefinierte maximale Höhe
}
}
}
};
// Chart erstellen
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});
</script>
</body>
</html>Viel Erfolg
rzscout
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen" 