Javascript yui 3图表:如何在图表轴中设置日期格式(yui 3.3.0预览版3)

Javascript yui 3图表:如何在图表轴中设置日期格式(yui 3.3.0预览版3),javascript,yui,yui3,yui-charts,Javascript,Yui,Yui3,Yui Charts,我正在尝试使用YUI 3.3.0预览版本3,因为它不再使用Flash,而是使用浏览器画布。到目前为止,我狼吞虎咽地吃了这段代码(因为我是YUI的新手,这主要是从中发现的几个示例中复制和粘贴工作的结果) 但是我找不到关于如何为这个新的YUI图表预发布版本设置日期格式的示例或文档。我的问题是: 如何更改x轴的日期格式?我在上得到了答案,我只需在x轴的日期范围中添加类型:“time”和标签格式:“%e%b%Y”属性 YUI().use('charts', function (Y) { va

我正在尝试使用YUI 3.3.0预览版本3,因为它不再使用Flash,而是使用浏览器画布。到目前为止,我狼吞虎咽地吃了这段代码(因为我是YUI的新手,这主要是从中发现的几个示例中复制和粘贴工作的结果)

但是我找不到关于如何为这个新的YUI图表预发布版本设置日期格式的示例或文档。我的问题是:

如何更改x轴的日期格式?

我在上得到了答案,我只需在x轴的
日期范围中添加
类型:“time”
标签格式:“%e%b%Y”
属性

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
    });
});
对于时间轴实例,labelFormat是STRFTime字符串。有关STRFTime格式的详细信息,请参见以下内容:

或者您可以尝试使用
labelFunction

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
    });
});