Flex lineChart图表如何自定义X轴Label

最新推荐文章于 2022-02-18 10:42:06 发布

iteye_6377

最新推荐文章于 2022-02-18 10:42:06 发布

阅读量424

点赞数

文章标签： Flex 咨询 QQ

本文链接：https://blog.csdn.net/iteye_6377/article/details/81921146

版权

数据源是商品每天的价格，格式是{price:1000,date:2010-8-23}，用FLex的LineChart实现价格趋势图，其中X轴是日期，Y轴是价格，图表的内容可显示每月的价格（有详细数据点），或者显示每年的价格情况（无数据点）。现在的问题是：在显示年数据的时候，如何使得X轴的 Label只显示每月1号，如：2010-1-1，2010-2-1，horizontalAxisRenderers --> AxisRenderer -->canDropLabels="true"只能做到自动丢弃date的值，horizontalAxis --> CategoryAxis -->labelFunction="horizontalAxis_labelFunc"可对date的值进行过滤，但是字体会变得非常小。哪位大侠知道如何实现，指点一下小女子，先谢了！这个问题比较急，能够提供帮助的给我留个QQ咨询，谢谢! 图表的效果请看附件

private function horizontalAxis_labelFunc(item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object):String {

var curDate:Date;
var showDateStr:String="";

curDate=DateFormatter.parseDateString(item.toString());
if(groupDate.selectedValue=="年"){
showDateStr=" "+dfM.format(curDate)+" ";

}else{
showDateStr=" "+dfD.format(curDate)+" ";
}

return showDateStr;
}