flex 自定义LineChart的数据字段的显示格式 dataFunction

最新推荐文章于 2023-12-21 22:15:00 发布

whqcfp

最新推荐文章于 2023-12-21 22:15:00 发布

阅读量1.8k

点赞数

分类专栏： Flex 文章标签： dataFunction flex Flex FLEX labelFunction LineChart

本文链接：https://blog.csdn.net/whqcfp/article/details/8290906

版权

Flex 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

自定义LineChart的数据字段的显示格式：

<mx:LineChart id="linechart1" height="100%" width="100%" dataProvider="{ datasource }"
	showDataTips="true" seriesFilters="[]">
	<mx:horizontalAxis>
    	<mx:CategoryAxis displayName="结算周期" categoryField="settledate" labelFunction="setRegisterDateFormat2" dataFunction="dataFunc"/>
    </mx:horizontalAxis>
	<mx:series>
		<mx:LineSeries displayName="补贴金额" yField="subsidymoney"/>
		<mx:LineSeries displayName="消费金额" yField="salesmoney"/>
	</mx:series>
</mx:LineChart>

private function dataFunc( axis : CategoryAxis, item : Object ):Object {
            
	var df : DateFormatter = new DateFormatter();
	df.formatString = "YYYY-MM";
	return df.format( item.settledate );
}

private function setRegisterDateFormat2 ( item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object ) : String {
	var df : DateFormatter = new DateFormatter();
	df.formatString = "YYYY-MM";
	return df.format( item );
}