1 Reply Latest reply on Jul 6, 2014 3:44 PM by Flexicious

    Calender view using charts

    akshit

      Hello everyone,

       

      I am trying to create a calender view for a week using charts with days on x axis and hours on y axis.

      I would like to highlight the meetings in any color to give a weekly view. But I am not able to highlight more than one meeting in a single day.

      I am totally new to charts. Please advise me what is the best axis and series to be implemented for the case.

       

      Thanks a lot in advance.

       

      This is what I am using

       

      [Bindable]

        private var expensesAC:ArrayCollection = new ArrayCollection( [

        { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},

        { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},

        { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},

        { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},

        { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},

        { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6},

        { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84},

        { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12},

        { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                      

        { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);

       

       

      <mx:CandlestickChart id="candlestickchart"

        height="100%"

        showDataTipTargets="false"

        width="100%"

        paddingLeft="5" columnWidthRatio="1"

        showDataTips="true"

        dataProvider="{expensesAC}" dataTipFunction="dataTipFunction"

        >           

        <mx:verticalAxis>

        <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price" direction="inverted"/>

        </mx:verticalAxis>

       

        <mx:horizontalAxis>

        <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>

        </mx:horizontalAxis>

       

        <mx:horizontalAxisRenderers>

        <mx:AxisRenderer axis="{haxis}" canDropLabels="true" placement="top"/>

        </mx:horizontalAxisRenderers>

       

        <mx:series>

        <mx:CandlestickSeries

        openField="Low"

        highField="Close"

        lowField="Low"

        closeField="Close"

        fill="{up}"

        declineFill="{down}"

        stroke="{wick}"

        boxStroke="{box}" dataProvider="{expensesAC}"

        />

         </mx:series>

        </mx:CandlestickChart>