`

柱图和线图混合双轴

    博客分类:
  • FLEX
XML 
阅读更多

<mx:ColumnChart
         height="100%"
         width="100%"
         showDataTips="true"
         dataProvider="{dataSouce}"
         seriesFilters="{null}">         
         <mx:horizontalAxis>
             <mx:CategoryAxis categoryField="xml字段"/>
         </mx:horizontalAxis>
        mx:verticalAxisRenderers>
          <mx:AxisRenderer placement="left" color="#8CBCE3">
      <mx:axis>
        <mx:LinearAxis title="" id="leftVertical"/>
      </mx:axis>
          </mx:AxisRenderer>
          <mx:AxisRenderer placement="right" color="#FAC090">
            <mx:axis>
              <mx:LinearAxis title="" id="rightVertical"/>
            </mx:axis>
          </mx:AxisRenderer>
       </mx:verticalAxisRenderers>

         <mx:series>
            <mx:ColumnSeries yField="xml字段" displayName="描述" verticalAxis="{leftVertical}">
                        <mx:fill>
                            <mx:LinearGradient>
                                <mx:entries>
                                    <mx:Array>
                                        <mx:GradientEntry color="#bddcf8" ratio="0.2" alpha="100"/>
                                        <mx:GradientEntry color="#5598CC" ratio="0.8" alpha="100"/>
                                    </mx:Array>
                                </mx:entries>
                            </mx:LinearGradient>
                        </mx:fill>
            </mx:ColumnSeries>
        
         <mx:LineSeries yField="xml字段"
                        displayName="描述"
                           lineStroke="{s2}"
                           fill="{sc1_1}"
                           stroke="{s1_1}"
                           alpha="0.6"
                           verticalAxis="{rightVertical}">
            
         </mx:LineSeries>        
         </mx:series>    

            <mx:verticalAxis>
             <mx:LinearAxis id="linearAxis"
                     baseAtZero="false" />
            </mx:verticalAxis>
                    
     </mx:ColumnChart>

 

 

看不懂的可以问我!原创,转载请注明本出处!

分享到:
评论

相关推荐

    JFreeChart混合图表演示

    例如,我们可以在X轴上绘制一条线图,然后在同一个图表的Y轴上添加一个柱状图,这样就能在一个图表中同时展示趋势数据和类别数据。 创建混合图的步骤大致如下: 1. 初始化JFreeChart对象:根据需求选择合适的图表...

    Matlab科研绘图模板第4期-双轴柱线图(只需替换数据)

    完成以上步骤后,你将得到一个具有双轴和Nature风格配色的柱线图,非常适合用于科研论文的插图。这个模板不仅简化了绘图过程,还提升了图表的专业感,助你在科研道路上更加得心应手。通过下载提供的"Matlab论文绘图...

    .net 柱、饼、线图控件--有源码

    在.NET框架中,柱状图、饼图和线图是数据可视化的重要工具,它们被广泛应用于各种业务报表和数据分析场景。这些控件可以帮助开发者将复杂的数据以直观的方式呈现出来,便于用户理解和分析。本文将深入探讨.NET中的柱...

    flex4.5简单制作的柱图堆叠图饼图线图

    这个标题提到的是利用 Flex 4.5 制作的一些基本图表组件,包括柱状图、堆叠图、饼图和线图,并且这些图表还具有渐变效果,这在数据可视化中是非常常见的图表类型,能够有效地展示和解释数据。 1. **柱状图**:柱状...

    WebChar实例(包括饼图,线图,柱图,等等10多种样式)

    WebChar实例是一个.NET平台下的图表库,用于在Web应用程序中创建和展示各种数据可视化图表,如饼图、线图和柱图等。这个实例包含了多种样式的图表,可以帮助开发者更直观地展示复杂的数据,提高用户对信息的理解和...

    项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间

    项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图项目时间线图...

    origin绘制箱线图(箱型图)方法汇总

    箱线图,又称箱形图或盒须图,是数据可视化中常用的一种方式,它能清晰地展示一组数据的分布情况,包括中位数、四分位数以及异常值。本教程将详细介绍如何在Origin中绘制箱线图。 首先,我们来理解箱线图的基本构成...

    JFreeChart图形混合案例.docx

    本案例中,我们将探讨如何利用JFreeChart实现一个图形混合的实例,包括条形图和线图的结合。 首先,我们创建一个名为`CombineChart02`的类,这是实现报表图形的核心。在这个类中,我们主要关注如何构建`...

    好用的JS 线图、柱图、饼图三种统计图表

    在IT行业中,数据可视化是至关重要的,特别是在网页开发中,能够有效地展示数据的线图、柱图和饼图是常用的数据表示方式。本教程将详细讲解如何利用JSCharts.js和jscharts_mb这两个JavaScript库来创建线图、柱图和...

    自绘柱状图线图Chart

    "自绘柱状图线图Chart"项目提供了一种方法,使开发者能够根据自己的需求定制和绘制柱状图和线状图,以直观地展示复杂的数据。下面将详细阐述这个项目所涉及的知识点。 1. **自定义图表**:此项目的核心是允许用户...

    ECharts实现某省份热图、轨迹图和线图等例子

    在这个例子中,我们将深入探讨如何使用ECharts实现在某省份上展示热图、轨迹图和线图。 首先,让我们来理解热图(Heat Map)。热图是一种用颜色表示数据密度或强度的可视化方法。在ECharts中,热图通常用于展示某一...

    用matlab数值求解电偶极子的等电势图和电场线图

    用matlab数值求解电偶极子的等电势图和电场线图(已经运行可行)

    肋骨型线图CAD图

    肋骨型线图,本人亲自绘制,仅包含有肋骨型线,并无其他强构件

    jfreechart 堆栈柱状图跟折线图结合拼接

    jfreechart 堆栈柱状图跟折线图结合拼接 jar包请戳http://download.csdn.net/detail/a156435646/7424707

    41.ggplot2线图(面积图)下面填充不同颜色教程(正负线图)

    在本教程中,我们将学习如何使用 ggplot2 绘制线图(面积图),并填充不同颜色以区分正值和负值。这种图形类型广泛应用于数据分析和科学研究领域,例如气候变化、股票市场分析、健康监测等。 安装和运行 要使用 ...

    画等值线图、等高线图、等值云图

    利用d3.js实现画等值线图、等值云图、等值云图的demo,浏览器直接运行即可,其中通过反距离加权法(IDW)先进性插值,后面再通过conrec.js这个工具类将等值线图所需的数据生成出来,之后再通过d3.js将等值线图、等值...

    等值线图 java代码

    在Java编程中,实现等值线图的绘制可以帮助我们更好地理解和分析各种科学、工程或经济领域的数据。下面我们将详细探讨如何使用Java代码生成等值线图,以及涉及到的相关知识点。 首先,我们需要了解等值线图的基本...

    surfer画声等值线图教程

    选择“底图”、“等值线图”、“新建”,然后加载GRD数据,生成初步的等值线图。此时,图可能较为粗糙,需要进一步修饰。 ### 4. 图形修饰与优化 #### 4.1 属性设置 通过右键点击图层,选择“属性”进行编辑。...

    箱线图_python绘制箱线图_tillcme_

    箱线图,又称盒须图,是统计学中一种用于展示数据分布情况的图形,尤其适合展示一组数据的五数概括(最小值、下四分位数、中位数、上四分位数、最大值)。在Python编程环境中,我们可以借助数据分析库matplotlib轻松...

Global site tag (gtag.js) - Google Analytics