[JQUERY] bar chart in diagonale

[Annasila7]

salve a tutti!!

vorrei fare un istogramma usando le librerie jquery e il plug-in visualize.
il problema è che se i dati da analizzare sono pochi funziona bene, se invece sono molti i nomi sulla barra delle ascisse si sovrappongono.

Vorrei sapere come fare per
- o dare un orientamento verticale al testo
- visualizzare in verticale l'istogramma

grazie!

vi allego un immagine che mostra il problema!

[Andrea1979]

potresti cominciare con il postare nella sezione corretta: Javascript.

[LeleFT]

Originariamente inviato da Andrea1979
potresti cominciare con il postare nella sezione corretta: Javascript.

Già... Java e JavaScript, a parte le prime 4 lettere del nome, non hanno nulla in comune.

Sposto.

Ciao.

[Andrea1979]

Comunque guardando gli esempi online, mi pare di capire che il posizionamento delle targette per le ascisse è automatico. Lascio ai più esperti di visualize la parola definitiva, ma credo che per ovviare hai 2 possibili strade:

o riduci la dimensione del testo delle label (nel css) e le lasci come sono, oppure applichi una "trasformazione", tipo:

.visualize-labels-x li span.label {
    -moz-transform:rotate(-270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

ho preso il codice della pagina di esempio:
http://www.filamentgroup.com/example...yui-visualize/

ed ho aggiunto quel pezzo nel file visualize.css

[Andrea1979]

Riposto perché è venuta fuori una faccina e non posso più modificare.

.visualize-labels-x li span.label {
    -moz-transform:rotate(-270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

PS: questo mette le label in verticale.

[Annasila7]

e come si fa fatto questo( ci sono riuscita) a mettere la tabella in verticale? come si fa a far ruotare tutta la tabella di 90 gradi?

[Andrea1979]

inverti la tabella dati? Non ne ho idea, non ho mai usato visualize e ho usato poco jQuery in generale.