Le graphique J change l'orientation de l'étiquette de texte sur l'axe Ox

Je suis en utilisant chartJS bibliothèque - http://www.chartjs.org/

Si le texte de l'étiquette est trop grand, chartJs affiche le texte à 45 degrés
S'il vous plaît dites-moi comment puis-je modifier le texte de rotation de 30 degrés par exemple.

Veuillez consulter les documents suivants :

    var data = {   labels:['Large Text Very Large','Text1','Text2'],
                 datasets:[ { label:'DS1',
                              fillColor:'rgba(228,218,86,0.5)',  
                             strokeColor:'rgba(228,218,86,0.8)',
                              highlightFill:'rgba(228,218,86,0.75)',
                              highlightStroke: 'rgba(228,218,86,1)', data:[0,1,0]
                            }
                 ]
           }


    var options = {
        animation: false
    };

    //Get the context of the canvas element we want to select
    var c = $('#myChart');
    var ct = c.get(0).getContext('2d');
    var ctx = document.getElementById("myChart").getContext("2d");
    /*************************************************************************/
    myNewChart = new Chart(ct).Bar(data, options);

Également sur jsfiddle:

http://jsfiddle.net/cvL9fk2t/

Merci !

source d'informationauteur florinp

  1. 19

    Si vous utilisez chart.js 2.x, il suffit de définir maxRotation: 90 et minRotation: 90 tiques d'options. Il fonctionne pour moi!
    Et si vous voulez tous les x-étiquettes, vous souhaiterez peut-être définir autoSkip: faux.
    L'exemple suivant est un exemple.

    var myChart = new Chart(ctx, {
  type: 'bar',
  data: chartData,
  options: {
    scales: {
      xAxes: [{
        ticks: {
          autoSkip: false,
          maxRotation: 90,
          minRotation: 90
        }
      }]
    }
  }
});