zoukankan      html  css  js  c++  java
  • Flex 学习笔记 LineChart双坐标

    如何实现纵坐标左右两边都绑定数据显示呢,实现代码如下

    AS

        <fx:Script>
            <![CDATA[
                import mx.collections.ArrayCollection;
                
                [Bindable] 
                private var monthData:ArrayCollection=new ArrayCollection([                 
                    {xname:'1月',yname:2000,y2name:800},                 
                    {xname:'2月',yname:1000,y2name:500},                 
                    {xname:'3月',yname:3000,y2name:700},                 
                    {xname:'4月',yname:1000,y2name:800},                 
                    {xname:'5月',yname:1300,y2name:800}]); 
                            
                [Bindable] 
                private var monthGrowData:ArrayCollection=new ArrayCollection([ 
                    {xname:'1月',y3name:1000,y4name:60},             
                    {xname:'2月',y3name:1200,y4name:100},                 
                    {xname:'3月',y3name:4300,y4name:800},                 
                    {xname:'4月',y3name:200,y4name:800},                 
                    {xname:'5月',y3name:2700,y4name:800}]); 
            ]]>
        </fx:Script>

    MXML

        <mx:LineChart showDataTips="true" dataProvider="{monthData}" secondDataProvider="{monthGrowData}">        
            <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="xname"/>
            </mx:horizontalAxis>
            <mx:series>
                <mx:LineSeries yField="yname" />
                <mx:LineSeries yField="y2name" />
            </mx:series>
            
            <mx:secondSeries>
                <mx:LineSeries yField="y3name" />
                <mx:LineSeries yField="y4name" />
            </mx:secondSeries>
        </mx:LineChart>

    如果纵坐标只绑定一列数据的话,可以参考下面的代码(下面转载,收藏下,O(∩_∩)O哈!)

    http://justcode.w.blog.163.com/blog/static/11430304820115411233290/

  • 相关阅读:
    第四周学习总结
    第三周学习总结
    第二周学习总结
    第一周学习总结
    解决pycharm中导入Wordcloud库的时候失败的问题
    开发报告5
    TypeError: _cache_value_encoder: not supported type: <class 'numpy.ndarray'>
    pandas中的rename_axis用法
    金叉死叉量化交易--matplotlib绘图案例
    一、EDA分析
  • 原文地址:https://www.cnblogs.com/Anlycp/p/2590652.html
Copyright © 2011-2022 走看看