2

以下のコードを見つけてください

    <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
 <![CDATA[
  [Bindable]
        public var testAC:Array = [
           {date:"without", close:50},
           {date:"with", close:45}           
        ];

 ]]>
</mx:Script>
 <mx:ColumnChart id="myChart" dataProvider="{testAC}">
  <mx:horizontalAxis>
   <mx:CategoryAxis categoryField="date"/>
  </mx:horizontalAxis>
  <mx:verticalAxis>
   <mx:CategoryAxis categoryField="close"/>
  </mx:verticalAxis>
  <mx:series>
   <mx:ColumnSeries dataProvider="{testAC}" xField="date" yField="close"/>
   <mx:LineSeries dataProvider="{testAC}" xField="date" yField="close"/>
  </mx:series>
 </mx:ColumnChart>
</mx:Application>

このコードは、2つの列を持つ列チャートを描画し、両方の列の上部に線を描画しています。私には2つの要件があります：

  1. 線は破線である必要があります
  2. 現在のところ、線は最初の列の右上隅から2番目の列の同じ隅まで始まります。線を左にシフトして、最初の列の中心から2番目の列の中心に向かって開始するにはどうすればよいですか。

よろしく、PK

4

3 に答える 3

2

デカルトチャートの2つの値の間に線を引くことができます。

<mx:Script><![CDATA[
    private function connectTwoPoints(
        month1:String, value1:Number, 
        month2:String, value2:Number):void 
    {
        // Draw Line
        canvas.clear();
        canvas.lineStyle(4, 
            0xCCCCCC, 
            .75, 
            true, 
            LineScaleMode.NORMAL, 
            CapsStyle.ROUND, 
            JointStyle.MITER, 
            2);
        canvas.moveTo(month1, value1);
        canvas.lineTo(month2, value2);
    }
]]></mx:Script>

<mx:annotationElements>
    <mx:CartesianDataCanvas id="canvas" includeInRanges="true"/>
</mx:annotationElements>

描画する線は、「デカルトデータキャンバス」を使用した「注釈要素」になります。注釈要素は前景に描画されます。完璧な例： http：
//livedocs.adobe.com/flex/3/html/help.html？content = charts_eventsandeffects_13.html

于 2010-05-19T18:33:20.650 に答える
1

複雑なスキニングを使用するチャートの多くでは、Axiisを使用しています。これは非常にデグラファに似ており、デグラファストロークを取得して、「dataCanvas」の好きな場所に配置できます。

これはかなりまっすぐな例です：http： //axiis.org/examples/HClusterStackExample.html

「これは土地での最良の答えではありませんが、axiisの使用は非常に簡単ですが、それでも、プレーンオールのmxmlでは許可されていない複雑な塗りつぶしやストロークが可能です」フレックスチャート。

幸運を祈ります、ジェレミー

于 2010-03-15T16:01:22.780 に答える
1

長い研究の末、私はついに破線の折れ線グラフの描画を完了しました。アドビ自身が提供するDashedGraphicUtilitiesを使用して破線を描画しました。LineSeriesを拡張し、このDashedGraphicUtilitiesを使用して破線を描画しました。それは私の最初のメールの問題を解決しました。私は2番目の解決策を得るたびにこれを更新します。

そして、私は2番目の問題の解決策も手に入れました。グラフの種類をColumnChartからCartesianChartに変更すると、必要に応じて折れ線グラフが完全に表示されていました。その中でコラムシリーズとラインシリーズを使用しましたが、ラインとコラムは完璧に来ていました。

よろしく、アヌープ

于 2010-03-25T15:54:19.420 に答える