title: yui 3 chart: how to format dates in chart axis (YUI 3.3.0 Preview Release 3)
body: <p>I'm trying to use the YUI 3.3.0 preview release 3 <a href="http://yuiblog.com/sandbox/yui/3.3.0pr3/examples/charts/index.html" rel="nofollow">charting solution</a> as it does not use Flash anymore but the browser canvas. So far I gobbled together this peace of code (as I’m new to YUI this is the mainly the result of copy and paste work from several examples found in the <a href="http://yuiblog.com/sandbox/yui/3.3.0pr3/examples/charts/" rel="nofollow">YUI 3 charting examples</a>).</p>
  
  <pre><code>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
      });
  });
  </code></pre>
  
  <p>But I just can't find the examples or documentation on how to format the dates for this new YUI charting pre-release version. My question is:</p>
  
  <p><strong>How can I change the date format of the x-axis?</strong> </p>