プロットとラインの両方を持つフレックスチャートを持つことはできますか？ - フレックス、コンポーネント、チャート、データビジュアライゼーション

Flexには、プロットチャートコンポーネントとラインチャートがありますコンポーネント..しかし、ポイントとロールオーバー情報のある大きなドットを結ぶ線を含むチャートを作成したいと考えています。これは簡単に可能ですか？これを実現するには、カスタムコンポーネントを最初から作成する必要がありますか？

回答：

必要なのはLineChartであるように見えます itemRenderer 混合型チャートではなく。

見て Flex Lineチャートでのデータポイントの表示

私があなたを正しく理解していれば、異なる表示タイプの複数のシリーズを持つチャートが必要です。これはFlexで簡単に実行できます。 この記事 複数シリーズのチャートで始めることができます。

Flex 3が必要な場合は、これを試してください 記事.

がここにあります 非常に プロット+折れ線グラフの基本的な例。それはまったくきれいではありませんが、それはあなたにどのように始めるかについての考えを与えるかもしれません。

<?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>