`
sorehead
  • 浏览: 48094 次
  • 性别: Icon_minigender_2
  • 来自: 达纳苏斯
社区版块
存档分类
最新评论

Flex中如何通过设置GridLines对象的horizontalAlternateFill样式,交错显示LineSeries图表背景颜色

阅读更多
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white" viewSourceURL="srcview/index.html">

    <mx:XMLListCollection id="dp">
        <mx:source>
            <mx:XMLList>
                <quote date="8/27/2007" open="40.38" close="40.81" />
                <quote date="8/24/2007" open="40.5" close="40.41" />
                <quote date="8/23/2007" open="40.82" close="40.6" />
                <quote date="8/22/2007" open="40.4" close="40.77" />
                <quote date="8/21/2007" open="40.41" close="40.13" />
                <quote date="8/20/2007" open="40.55" close="40.74" />
                <quote date="8/17/2007" open="40.18" close="40.32" />
                <quote date="8/16/2007" open="39.83" close="39.96" />
                <quote date="8/15/2007" open="40.22" close="40.18" />
                <quote date="8/14/2007" open="41.01" close="40.41" />
                <quote date="8/13/2007" open="41" close="40.83" />
                <quote date="8/10/2007" open="41.3" close="41.06" />
                <quote date="8/9/2007" open="39.9" close="40.75" />
                <quote date="8/8/2007" open="39.61" close="40.23" />
                <quote date="8/7/2007" open="39.08" close="39.42" />
                <quote date="8/6/2007" open="38.71" close="39.38" />
                <quote date="8/3/2007" open="39.47" close="38.75" />
                <quote date="8/2/2007" open="39.4" close="39.52" />
                <quote date="8/1/2007" open="40.29" close="39.58" />
            </mx:XMLList>
        </mx:source>
    </mx:XMLListCollection>

    <mx:LineChart id="lineChart"
            showDataTips="true"
            dataProvider="{dp}"
            width="100%"
            height="100%">

        <mx:backgroundElements>
            <mx:GridLines>
                <mx:horizontalAlternateFill>
                    <mx:SolidColor color="haloSilver" alpha="0.25" />
                </mx:horizontalAlternateFill>
            </mx:GridLines>
        </mx:backgroundElements>

        <!-- vertical axis -->
        <mx:verticalAxis>
            <mx:LinearAxis baseAtZero="false" title="Price" />
        </mx:verticalAxis>

        <!-- horizontal axis -->
        <mx:horizontalAxis>
            <mx:CategoryAxis id="ca" categoryField="@date" title="Date" />
        </mx:horizontalAxis>

        <!-- horizontal axis renderer -->
        <mx:horizontalAxisRenderers>
            <mx:AxisRenderer axis="{ca}" canDropLabels="true" />
        </mx:horizontalAxisRenderers>

        <!-- series -->
        <mx:series>
            <mx:LineSeries yField="@open" form="curve" displayName="Open" />
        </mx:series>
    </mx:LineChart>

</mx:Application>

 

分享到:
评论

相关推荐

    Flex高级表格分组与列锁定

    1. 默认样式:Flex提供了丰富的内置样式,可以通过改变主题或者使用CSS来调整表格的颜色、字体、边框等样式。 2. 单元格样式:使用GridItemRenderer可以自定义单元格的显示,包括颜色、字体、图片等。每个GridColumn...

    Android图表样例 MPChart

    5. **自定义样式**:MPChart允许开发者自定义图表的颜色、线条宽度、字体、背景等样式,甚至可以调整数据点的形状和大小,从而实现独特的设计风格。 6. **数据标签**:对于每个数据点,可以显示或隐藏对应的值标签...

    flex 合并单元格

    总之,Flex中的单元格合并是通过数据提供器的配置、AdvancedDataGrid的属性设置以及可能的自定义ItemRenderer实现的。了解这些原理和技巧,你可以在Flex应用程序中创建更复杂的用户界面,以满足不同的数据展示需求。...

    Flex动态创建多个曲线图和柱形图源码

    通过HTTPService获取数据,并利用ActionScript动态创建柱形图系列,最终通过MXML配置图表的样式和布局。这种方法不仅灵活,还能根据实际情况轻松扩展,非常适合需要动态展示大量图表的应用场景。

    Flex常见效果

    `&lt;mx:Legend&gt;`图例,用于解释图表中不同颜色或符号所代表的意义。 ##### 12. LinearAxis `&lt;mx:LinearAxis&gt;`线性轴,适用于数值型数据,提供数值范围和刻度线。 ##### 13. LineChart `&lt;mx:LineChart&gt;`折线图,用于...

    myCharView.zip

    在"myCharView.zip"这个压缩包中,我们很可能会找到一个自定义的CharView实现,以适应特定的样式和轴显示需求。 首先,让我们来深入了解一下QML中的ChartView和BarSeries。ChartView是QtQuick.Controls模块的一部分...

    Grid(6)[自定义DataGrid-强制显示分列线(在不显示列头时)]

    5. **显示分列线**:在DataGrid中,分列线是通过Cell renderer或GridLines来实现的。自定义DataGrid时,我们需要找到合适的方法在没有列头的情况下绘制这些分隔线。 6. **源代码分析**:从提供的源代码中,我们可以...

    vc+mschart 控件开发 波形实例

    此外,可能还需要自定义图表的外观,如改变线条颜色、宽度,或者设置背景色、网格线等。这可以通过修改Series对象的Color、LineWidth,以及Chart对象的BackGroundImage、GridLines等属性来完成。还可以添加轴标题、...

    listview控件可有4种不同的视图显示方法 (1).docx

    6. GridLines 属性:该属性设置是否显示网格线(只作用于报表视图)。 7. HideColumnHeaders 属性:该属性设置是否隐藏列标题。 8. HotTracking 属性:该属性设置是否高亮度显示鼠标所在行。 9. Icons 和 SmallIcons...

    UltraChart 相关设置

    - **GridLines**:设置网格线的相关属性,包括颜色、透明度、线型等。 - `AlphaLevel`:设置网格线的透明度,范围0-255,其中255表示完全不透明。 - `Color`:设置网格线的颜色。 - `DrawStyle`:设置网格线的...

    CListCtrl的颜色相间的源代码

    1. **启用自定义绘制**:首先,我们需要在CListCtrl的初始化阶段启用自定义绘制,可以通过调用SetExtendedStyle()方法并设置LVS_EX_GRIDLINES和LVS_EX_SUBITEMIMAGES等扩展样式,同时添加LVS_OWNERDRAWFIXED样式。...

    wpf 带表格线的listview

    - 通过设置ListView的AlternationCount属性,可以实现行交替的背景色,提高可读性。 - 使用ItemContainerStyle来控制ListViewItem的样式,如鼠标悬停时的高亮效果。 5. **性能优化**: - 考虑使用...

    WebChart在VS2010中的一些应用总结

    这里,`ccPie`是饼图的ID,`BorderStyle`、`BorderWidth`用于设置边框样式和宽度,`GridLines`控制网格线的显示,`Height`和`Width`设定图表尺寸。 2. **设置图表元素属性**:进一步自定义图表标题、背景色、坐标...

    JFreeChart中文文档

    5. **绘制和显示**:使用`ChartPanel`将图表嵌入到Swing容器中显示,或者通过`ChartUtilities`类将其保存为图片文件。 6. **高级功能**:如动画效果、工具提示、点击事件处理等,可以通过监听器和特定API来实现。 ...

    birt设计技巧

    【BIRT设计技巧详解】 BIRT(Business Intelligence and Reporting Tools)是一款开源的报表系统,它提供了丰富的...在实际操作中,还可以根据具体需求调整颜色、字体、背景等细节,进一步提升报告的美观度和实用性。

    MPAndroidChart-v3.0.3.jar 最新版本

    3. **高度可定制**:允许开发者自定义图表的颜色、样式、动画效果,以及数据标签的显示方式等,实现独特的视觉效果。 4. **触摸交互**:支持用户通过触摸屏幕进行缩放、平移、点击图表项等操作,增强用户与图表的...

    ListviewColor_visualbasic_源码

    在VB(Visual Basic)编程环境中,Listview控件是一个常用且功能强大的组件,常用于显示数据集合,可以以多种视图样式(如图标、详细信息等)展示信息。本项目"ListviewColor_visualbasic_源码"专注于实现Listview...

    AdvancedDataGrid综合应用

    这个主题涵盖了如何在Flex项目中有效地利用AdvancedDataGrid来实现数据的高级显示和操作。 1. **AdvancedDataGrid概述** AdvancedDataGrid是Adobe Flex中的一个组件,它主要用于展示结构化的数据,如表格数据。与...

    Flex UI组件使用全集

    ### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...

Global site tag (gtag.js) - Google Analytics