Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
chart.js Probleme
#1
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>
Zitieren


Nachrichten in diesem Thema
chart.js Probleme - von Gerold - 04.09.2023, 19:33
RE: chart.js Probleme - von rzscout - 04.09.2023, 21:27
RE: chart.js Probleme - von Gerold - 05.09.2023, 06:36
RE: chart.js Probleme - von Sempervivum - 06.09.2023, 19:37
RE: chart.js Probleme - von Gerold - 12.09.2023, 19:15

Gehe zu:


Benutzer, die gerade dieses Thema anschauen:
4 Gast/Gäste