Javascript yui 3图表:如何在图表轴中设置日期格式(yui 3.3.0预览版3)
我正在尝试使用YUI 3.3.0预览版本3,因为它不再使用Flash,而是使用浏览器画布。到目前为止,我狼吞虎咽地吃了这段代码(因为我是YUI的新手,这主要是从中发现的几个示例中复制和粘贴工作的结果) 但是我找不到关于如何为这个新的YUI图表预发布版本设置日期格式的示例或文档。我的问题是: 如何更改x轴的日期格式?我在上得到了答案,我只需在x轴的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
日期范围中添加类型:“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
});
});