 |
Hallo,
vorweg ich kenne mich mit JavaScript nicht aus. Möchte aber auf meiner Website einen einfachen Chart erstellen. Dazu verwende ich chart.js. Der anschließende Code funktioniert auch, nur möchte ich 2 Dinge ändern, die mir nicht gelingen: Ich möchte die Bezeichnung der Y-Achse selber durführen, mit: wenig, mittel, hoch und die Höhe der Y-Achse nicht von den Werten abhängig machen sondern einen Fixe Größe zuordnen. Wie muss ich den Code anpassen. Danke für das Feedback.
<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,
max: 'stark', // Benutzerdefinierte maximale Höhe
labels: ['schwach', 'mittel', 'stark'] // Benutzerdefinierte Beschriftungen
}
}
}
};
// Chart erstellen
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: data,
options: options
});
</script>
|
