Question

Flex有一个情节图组件和一个折线图组件..但我希望制作一个图表，其中包含连接点的线条以及带有翻转信息的较大点。这很容易吗？我是否必须从头开始创建自定义组件才能实现此目的？

Answer 1

如果我理解正确，您需要一个包含多个系列，不同显示类型的图表。这在Flex中很容易实现。多系列图表上的This article可以帮助您入门。

如果您需要Flex 3，请试用article。

这是一个非常绘图+折线图的基本示例。它根本不是很漂亮，但它可能会让你知道如何开始。

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            private var plotData:ArrayCollection = new ArrayCollection([
                {xVal: 1, yVal: 5},
                {xVal: 2, yVal: 10},
                {xVal: 3, yVal: 15}
            ]);

            [Bindable]
            private var lineData:ArrayCollection = new ArrayCollection([
                {xVal: 1, yVal: 4},
                {xVal: 2, yVal: 1},
                {xVal: 3, yVal: 10}
            ]);
        ]]>
    </fx:Script>
    <mx:LineChart id="myChart"
                  showDataTips="true"
                  height="250"
                  width="350">
        <mx:horizontalAxis>
            <mx:LinearAxis minimum="0" maximum="20" />
        </mx:horizontalAxis>
        <mx:verticalAxis>
            <mx:LinearAxis minimum="0" maximum="20" />
        </mx:verticalAxis>
        <mx:series>
            <mx:PlotSeries
                dataProvider="{plotData}"
                xField="xVal"
                yField="yVal">
            </mx:PlotSeries>
            <mx:LineSeries
                dataProvider="{lineData}"
                xField="xVal"
                yField="yVal">
            </mx:LineSeries>
        </mx:series>
    </mx:LineChart>
</s:Application>

Answer 2

看起来您需要的是带有itemRenderer的折线图，而不是混合类型图表。

查看Displaying data points in Flex Line chart

我可以有一个包含图和线的弹性图表吗？

2 个答案: