Yui 3 grafico: come formattare le date in asse del grafico (YUI 3.3.0 Preview Release 3)

Question

Sto cercando di utilizzare il YUI 3.3.0 Preview Release 3 soluzione di rilevamento in quanto non fa uso di più flash, ma la tela del browser. Finora ho Trasforma insieme questa pace di codice (come io sono nuovo a YUI questo è il principalmente il risultato di copia e incolla di lavoro da diversi esempi trovato nel YUI 3 esempi di creazione di grafici ).

YUI().use('charts', function (Y) 
{ 
    var myDataValues = [ 
        {category:"5/1/2010", values:2000}, 
        {category:"5/2/2010", values:50}, 
        {category:"5/3/2010", values:400}, 
        {category:"5/4/2010", values:200}, 
        {category:"5/5/2010", values:5000}
    ];

    var myAxes = {
        dateRange:{
            keys:["date"],
            position:"bottom",
            type:"category",
            styles:{
              majorTicks:{
                display: "none"
              },
              label: {
                rotation:-45,
                margin:{top:5}
              }
            }
        }
    };

    var mychart = new Y.Chart({
        dataProvider:myDataValues,
        render:"#mychart",
        categoryKey:"date",
        categoryType:"time",
        axes:myAxes
    });
});

Ma io proprio non riesco a trovare gli esempi o la documentazione su come formattare le date per questa nuova YUI tracciare versione pre-release. La mia domanda è:

Come faccio a cambiare il formato della data del asse x?

Answer 1

ho avuto la mia risposta sul YUI forum , ho appena avuto per aggiungere la type:"time" e labelFormat: "%e %b %Y" attribuisce alla mia dateRange di x-assi.

YUI().use('charts', function (Y) 
{ 
    var myDataValues = [ 
        {category:"5/1/2010", values:2000}, 
        {category:"5/2/2010", values:50}, 
        {category:"5/3/2010", values:400}, 
        {category:"5/4/2010", values:200}, 
        {category:"5/5/2010", values:5000}
    ];

    var myAxes = {
        dateRange:{
            keys:["date"],
            position:"bottom",
            type:"time",
            labelFormat: "%e %b %Y",
            styles:{
              majorTicks:{
                display: "none"
              },
              label: {
                rotation:-45,
                margin:{top:5}
              }
            }
        }
    };

    var mychart = new Y.Chart({
        dataProvider:myDataValues,
        render:"#mychart",
        categoryKey:"date",
        categoryType:"time",
        axes:myAxes
    });
});

Per le istanze TimeAxis il labelFormat è una stringa strftime. Per ulteriori informazioni sulla formattazione strftime vedere quanto segue: http://pubs.opengroup.org/onlinepubs/007908799/xsh/strftime.html

Answer 2

Oppure si può provare a utilizzare labelFunction

http: // jhtmlcss. blogspot.com/2014/05/yui-3-using-custom-function-to-display.html