`
Fonkie
  • 浏览: 67677 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
数据源是商品每天的价格,格式是{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;
           }
  • 大小: 63.6 KB
  • 大小: 62.6 KB
分享到:
评论
4 楼 littleskull 2015-05-05  
请问这个问题最后解决了么。我现在也正好遇到这个问题
3 楼 li.chening 2010-09-13  
Fonkie 写道
要是横轴不是时间而且一串中文字符呢,该如何设置才能不会让字体变得很小

那就要用到horizontalAxisRenderers,像这样:
<mx:horizontalAxisRenderers >
<mx:AxisRenderer axis="{dateTimeAxis}"  fontSize="15"/>
</mx:horizontalAxisRenderers >

这里“dateTimeAxis”是你的DateTimeAxis的id,用fontSize属性就可以设置你字体大小了
2 楼 Fonkie 2010-09-06  
要是横轴不是时间而且一串中文字符呢,该如何设置才能不会让字体变得很小
1 楼 li.chening 2010-09-03  
用DateTimeAxis,设置dataUnit为“months”,至于具体什么label,你可以自己在labelFunction设置

相关推荐

    flex 改变linechart datatips 显示样式代码

    在Flex开发中,LineChart是一种常用的图表组件,用于展示数据趋势。Datatips是LineChart中的一个重要特性,它会在鼠标悬停在数据点上时显示相关信息。本篇将详细介绍如何改变Flex LineChart的Datatips显示样式,包括...

    flex LineChart实例

    此Flex LineChart实例不仅展示了如何在Flex中绘制基本的线形图,还涉及到了一些高级功能,如自定义标签格式、数据绑定以及动态加载数据等。对于想要使用Flex框架进行数据可视化的开发者来说,这是一个非常实用的参考...

    flex LineChart

    以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。

    Flex LineChart

    Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。

    Flex Chart 图表3D展示

    Flex Chart 是Adobe Flex框架中的一种组件,用于创建各种数据可视化图表。在本示例中,我们关注的是"Flex Chart的3D展示",这表明它利用了Flex AS(ActionScript)语言来实现一种引人注目的3D效果。ActionScript是...

    Flex chart line 线性表(单线和双线)

    此外,Flex Chart还支持各种其他类型的图表,如柱状图、饼图、面积图等,以及丰富的自定义选项,如添加图例、轴标签、数据提示等,以满足不同需求。 在压缩包文件"flex chart"中,可能包含了示例代码、FLA文件...

    Flex3高级图表开发指南.zip

    Flex3的图表组件允许开发者进行深度定制,包括但不限于改变图表的颜色方案、添加自定义标记、定义轴的刻度和标签、设置图表的交互行为等。此外,还可以通过扩展基类或使用MXGraph类来创建全新的图表类型。 五、图表...

    Flex自定义生成图表源码.rar

    1. **自定义组件**:源码可能包含了自定义的Chart类,扩展了基础的Flex Chart组件,以便添加新的功能或者改变默认的外观。开发者可能修改了绘图算法,以实现更复杂的图表样式或者交互效果。 2. **数据绑定**:Flex...

    flex Chart

    2. **Chart类型**:除了柱状图,Flex Chart还包括线性图(LineChart)、饼图(PieChart)、面积图(AreaChart)等多种图表类型,每种都有其特定的用途和展示效果。 3. **图表系列(Series)**:每个图表由一个或多个...

    flex_linechart

    flex项目开发过程中的动态linechart,主要是曲线可以增量的刷新,纵坐标、刷新频率可以调整,也可以稍微改下根据配置进行曲线设置,这个是少了获取数据的方法用随机数代替,项目中用到动态linechart的可以参考。

    Flex视图切换,自定义控件Demo.rar

    在Flex中,视图切换和自定义控件是构建用户界面时的重要技术,它们极大地增强了用户体验和交互性。 视图切换是Flex应用程序中常见的功能,允许用户在多个界面或工作区之间进行导航。这在多页面或模块化的应用中非常...

    Flex Chart 使用教程(含源代码)

    "FlexChart使用教程.doc"可能包含详细的步骤说明和代码示例,教你如何创建、配置和定制Flex Chart。而"FlexDemo"可能是一个实际的Flex项目,包含完整的MXML和ActionScript代码,供学习者参考和运行。 五、进阶技巧 ...

    Flex 饼形图 piechart 柱形图 columnchart 条形图 barchart 折线图 linechart

    在Flex中,饼形图(piechart)、柱形图(columnchart)、条形图(barchart)和折线图(linechart)是数据可视化的重要工具,它们广泛应用于数据分析、报表展示以及业务指标的可视化。 **饼形图(Pie Chart)** 饼形...

    Flex BlazeDs 推数据生成lineChart实例

    综上所述,"Flex BlazeDs 推数据生成lineChart实例"是一个整合了Flex前端、BlazeDS数据推送服务和实时图表展示的综合应用,它展示了如何利用这些技术实现高效的实时数据监控。通过理解并掌握这个实例,开发者可以在...

    flex chart

    标题 "flex chart" 指的是使用 Adobe Flex 技术创建的数据图表组件。Flex 是一个开源框架,主要用于构建富互联网应用程序(RIA),特别是在基于 Adobe Flash Player 或 Adobe AIR 的平台上。Flex Chart 是 Flex SDK ...

    flex柱状图表很漂亮的源码

    2. **Chart组件**:在Flex中,使用`mx.charts.Chart`(Halo)或`s.spark.components.Chart`(Spark)作为图表容器。你可以设置其属性,如背景颜色、标题、图例等。 3. **Series**:柱状图通常由一个或多个Series...

    flex 4 chart 控件

    Flex 4 Chart 控件是Adobe Flex框架中用于创建数据可视化的一种强大工具,它允许开发者创建出丰富、交互式且美观的图表。在Flex 4中,Chart组件是基于Flash Player运行时的,提供了多种图表类型,包括折线图、柱状图...

    Flex_4系统组件:图表

    标签中的“源码”提示我们可能涉及图表组件的底层实现,Flex 4的源码是开源的,因此开发者可以深入理解其工作原理,甚至进行自定义扩展。源码研究可以帮助我们解决性能问题,优化图表渲染,或者实现特定的视觉效果。...

    Flex4 Air 自定义窗口

    Flex4 AIR自定义窗口是一种高级的用户界面设计技术,它允许开发者创建出具有独特特性和交互体验的应用程序。在本文中,我们将深入探讨Flex4和Adobe Integrated Runtime (AIR)如何结合,实现自定义窗口功能,包括窗口...

Global site tag (gtag.js) - Google Analytics