2016-05-23 20 views
0

Ich erstellte ein Liniendiagramm mit der folgenden Bibliothek: http://jtblin.github.io/angular-chart.js/ Mein Diagramm enthält 17 Tick-Markierungen auf der Y-Achse. Obwohl es mehrere Optionen zum Ändern des Diagramms gibt, habe ich Probleme herauszufinden, wie die Anzahl der Teilstriche auf der Y-Achse von 17 auf etwa 5 oder 7 reduziert werden kann, damit die Beschriftungen in chart.js weniger überladen aussehen.eckig-chart.js tickmark issue

Antwort

1

Sie können Ihre Optionen für die y-Achse zu haben, maximale Anzahl von Zecken auf dem Display wie this.`

options : { 
     scales: { 
      yAxes: [{ 
       ticks: { 
       beginAtZero: true, 
       minTicksLimit: 5, 
       maxTicksLimit: 7, 
       autoSkip: true 
       } 
      }], 

     }, 
     responsive: true 
    },` 

bewusst seine Achse nicht AXiS ...

gesetzt