`

Flex中多个柱状图和折线图的问题

    博客分类:
  • Flex
 
阅读更多

做了个柱状图和折线图的混合图表,2根3D的柱子,6根折线,遇到了有些诡异的问题。大致如下:

 

采用如下方式:

<mx:ColumnChart id="myChart"
        showDataTips="true"
        height="250"
        width="350">
        <mx:horizontalAxis>
           <mx:DateTimeAxis dataUnits="days"/>
        </mx:horizontalAxis>
        <mx:verticalAxis>
           <mx:LinearAxis minimum="40" maximum="50"/>
        </mx:verticalAxis>
        <mx:series>
           <mx:ColumnSeries
                dataProvider="{srv_fred.lastResult.data.result}"
                xField="date"
                yField="close"
                displayName="FRED">
           </mx:ColumnSeries>
           <mx:LineSeries
                dataProvider="{srv_strk.lastResult.data.result}"
                xField="date"
                yField="close"
                displayName="STRK">
           </mx:LineSeries>
        </mx:series>
     </mx:ColumnChart>

如果SDK为3系列,那么会发现柱状图向左偏移,只占据了该项的一半宽度。也就是Flex把折线也计算在内了。

如果SDK为4系列,就一切正常。

 

在SDK3.x下,使用下列方式也会达到4.x下的正常效果:

<mx:series>
       <mx:LineSeries .../>
        <mx:ColumnSet type="clustered">
                    <mx:ColumnSeries .../>
                    <mx:ColumnSeries .../>
         </mx:ColumnSet >
</mx:series>
但是在切换chart的dataProvider时,会有问题。我遇到的情况是 1,柱状图的y轴不正常;2,两个柱状图中的一个不显示。
分享到:
评论

相关推荐

    用arcgis for flex 在地图上显示柱状图 饼状图和折线图

    总之,通过ArcGIS for Flex,我们可以将柱状图、饼状图和折线图有效地融入到地图中,提供直观、丰富的数据可视化体验。这不仅有利于数据分析,也有助于决策支持和公众信息传播。在实践中,不断学习和掌握更多Flex和...

    Flex制作的几款漂亮的立体柱状图饼状图和折线图

    在给定的资源中,"Flex制作的几款漂亮的立体柱状图饼状图和折线图"显然涉及到Flex的图表组件,这些组件允许开发者创建出具有专业视觉效果的数据可视化应用。 在Flex中,Chart类是用于展示数据的主要组件。它可以...

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

    在Flex中,饼形图(piechart)、柱形图(columnchart)、条形图(barchart)和折线图(linechart)是数据可视化的重要工具,广泛应用于数据分析和展示。 1. **饼形图(PieChart)** 饼形图用于显示部分与整体之间...

    flex实时更新曲线图

    综上所述,"flex实时更新曲线图"是一个结合了Flex的图表组件、ActionScript编程、MXML布局、数据驱动更新和事件处理等多个关键技术的实例。通过这些技术的组合,开发者可以创建出动态、交互性强的可视化应用,用于...

    flex Chart

    Flex Chart 是Adobe Flex框架中用于数据可视化的组件集,它提供了强大的图表绘制功能,使得开发者可以轻松地创建各种类型的图表,如柱状图、折线图、饼图、散点图等。在Flex 3中,Chart组件是MXML和ActionScript开发...

    10多个FLex 3 的源码(整理)

    Flex 3提供了多种图表类型,如折线图、柱状图、饼图等,用于可视化数据。双线线状图可能是指在同一图表上绘制两条或多条线,以对比不同数据系列。源码可能展示了如何创建多数据系列、设置线条颜色、样式,以及如何...

    Flex 报表后期改正

    根据名称猜测,这可能是一个示例或者演示程序,展示了柱状图和折线图的组合。在Flex报表中,这样的图表组件通常用于数据可视化,帮助用户更直观地理解数据分布和趋势。柱状图常用来比较类别间的数量差异,而折线图则...

    Flex Chart+WebService

    Chart组件是Flex提供的强大可视化工具,能生成各种类型的图表,包括柱状图、折线图、饼图等。在这个例子中,描述中提到的“颜色,渐变都有体现”,意味着开发者可能不仅设置了柱状图的基本颜色,还可能实现了颜色的...

    flex 蜘蛛图

    - Flex还支持其他类型的图表,如柱状图、折线图、饼图等,开发者可以根据具体需求选择合适的图表类型。 通过使用Flex蜘蛛图,开发者能以直观的方式呈现复杂的数据,帮助用户快速理解并分析信息。无论是商业智能...

    flex资源

    在Flex中,开发者可以利用mx.charts或spark.charts包下的类来创建各种图形,如柱状图、折线图、饼图等,这些图表通常用于数据可视化,帮助用户理解复杂的数据信息。 www.pudn.com.txt文件可能是一个文本文件,内容...

    Flex应用案例.zip

    - 数据可视化:Flex的图表组件可以帮助开发者创建各种动态数据图表,如折线图、柱状图、饼图等,适用于数据分析和展示。 - 远程数据服务:通过AMF(Action Message Format)技术,Flex可以轻松地与服务器端的业务...

    超酷Flex动画图表

    - 可视化组件:提供多种图表类型,如柱状图、折线图、饼图、散点图等。 - 动画模块:支持平滑的过渡效果,使图表变化更加自然和吸引人。 - 用户交互:允许用户与图表交互,如点击、拖动节点等。 2. **图表示例...

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

    Flex Chart是Flex SDK中的一个组件,它提供了多种图表类型,如柱状图、折线图、饼图等,用于数据可视化。这些图表可以动态更新,适应各种业务需求,帮助用户更好地理解和分析数据。 二、Flex Chart的组成部分 1. ...

    flex------组件-----数据可视化

    它支持多种图表类型,如LineChart(折线图)用于显示连续数据的变化趋势,BarChart(柱状图)用于比较不同类别的数量,PieChart(饼图)用于展示部分与整体的关系,以及AreaChart(面积图)和Histogram(直方图)等...

    amcharts_flex_components_1.8.3.4

    - **多样化图表类型**:amcharts_flex_components_1.8.3.4提供了丰富的图表类型,包括但不限于折线图、柱状图、饼图、散点图、雷达图、甘特图等,满足各种数据分析和展示需求。 - **交互性**:用户可以与图表进行...

    独具创意的Flex展示文档

    6. 强大的图表和图形:Flex提供了丰富的图表库,能够创建各种统计图表,如柱状图、折线图和饼图。在PPT中,这有助于直观地呈现复杂数据。 7. 高度可定制:Flex的灵活性意味着设计师可以完全控制界面的外观和行为,...

    Flex制作的Dashboard所见即所得编辑器并即时演示

    4. **图形渲染**:在开发Dashboard时,会涉及到各种图表的创建,如折线图、柱状图、饼图等。Flex提供了一些基本的图表组件,可以通过自定义来满足特定需求。 5. **事件处理**:编辑器可能会有拖放、点击等交互功能...

    FLEX收藏的一些极好的网站URL

    Flex 2的图表组件是用于创建各种数据可视化的工具,如折线图、柱状图、饼图等,这对于数据驱动的应用程序至关重要。 2. "30个开源的AS3工程 - bluelzx - JavaEye技术网站.url":AS3指的是ActionScript 3,它是Flex...

    flex 4 chart 控件

    在Flex 4中,Chart组件是基于Flash Player运行时的,提供了多种图表类型,包括折线图、柱状图、饼图、散点图、面积图等,使得数据的呈现方式更加直观和吸引人。 1. **图表类型**: - 折线图:适合展示趋势和变化,...

Global site tag (gtag.js) - Google Analytics