jqPlot - multiline tiques avec angle de l'axe des x

J'ai une question sur les tiques dans l'axe des abscisses. Je travaille avec jqPlot 0.9.7

Mon tiques sont multiligne, comme ceci: a <br> b <br> c <br> d.
J'utilise renderer: $.jqplot.CategoryAxisRenderer et il fonctionne bien, donc
les tiques se montrer dans multiligne et
œuvres.

Maintenant, j'ai besoin de les faire pivoter de 30º. J'ai essayé de l'angle: -30' mais il n'a pas
travail.

Avec cette config:

xaxis: {
        renderer: $.jqplot.CategoryAxisRenderer,
        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
        ticks: ['a <br> b <br> c <br> d' , 'p <br> q <br> r <br> s'],
        tickOptions:{
                angle: -30,
                fontSize: '9px'
        }

}

Les tiques sont indiqués dans un seul, de rotation, de longue lignée. Ni <br> ni \n
sont interprétées comme j'ai besoin. C'est la meilleure approche que j'ai trouvé.

Est qu'il ya une solution pour cela? Comment ai-je pu écrire le texte pivoté tiques?

Toute suggestion serait très utile pour moi.
Merci à l'avance. En ce qui concerne meilleur

InformationsquelleAutor yaki_nuka | 2011-03-15
  1. 16

    De la syntaxe correcte pour travailler, vous devez inclure les scripts suivants avec les valeurs par défaut jqPlots scripts.

    • jqplot.canvasTextRenderer.min.js
    • jqplot.dateAxisRenderer.min.js
    • jqplot.canvasAxisTickRenderer.min.js

    (Les fichiers ci-dessus est livré avec le jqPlot package).

    Puis ajouter les éléments suivants à l'intrigue liste des options

    axesDefaults: {
    tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
},

    Alors votre 

        tickOptions: {
        angle: -30,
    }

    sera efficace.

    par exemple 

    ....
    series: [{renderer: $.jqplot.BarRenderer}],
    axesDefaults: {
        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
        tickOptions: {
            angle: -90,
            fontSize: '10pt'
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        },
        yaxis: {    
            tickOptions: {
                angle: 0,
                fontSize: '10pt'
            }
        }
    },
....

    Exemple de jqPlot peuvent être trouvés ici:
    http://www.jqplot.com/tests/rotated-tick-labels.php

    • J'ai cela dans mon script, mais ce n'est pas rien faire 🙁 et oui j'ai les scripts
    InformationsquelleAutor ctrl-alt-dileep
  2. 3

    N'oubliez pas d'ajouter : 

    <script type="text/javascript" src="../src/plugins/jqplot.canvasTextRenderer.min.js"></script>
<script type="text/javascript" src="../src/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
    InformationsquelleAutor bGuilz