Need charting help - multiple data points between major ticks

Question

Hi,
I am trying to create an AreaChart in which the data shows a
consumption rate over the course of a week. The major points along
the x-axis will be Monday, Tuesday, ... , Sunday (the days of the
week). However, there are multiple data points between each day. I
only want the days of the week to show on the axis but I want to
plot all of the data points. How would I go about accomplishing
this task?
Thanks in advance,
Brent Schooley

Answer 1

Thanks, it is getting closer now. My only problem now is that
the data points do not line up correctly with the tick marks. I've
look through the documentation and I can't figure out what to do to
ensure this happens. Here are the relevant portions of my code:
[Bindable]
public var energyDataAC:ArrayCollection = new
ArrayCollection( [
{date: "2007, 7, 27, 0", saved: 0},
{date: "2007, 7, 27, 12", saved: 50},
{date: "2007, 7, 28, 0", saved: 35},
{date: "2007, 7, 28, 12", saved: 0},
{date: "2007, 7, 29, 0", saved: 0},
{date: "2007, 7, 29, 12", saved: 46},
{date: "2007, 7, 30, 0", saved: 39},
{date: "2007, 7, 30, 12", saved: 0},
{date: "2007, 7, 31, 0", saved: 0},
{date: "2007, 7, 31, 12", saved: 44},
{date: "2007, 8, 1, 0", saved: 45},
{date: "2007, 8, 1, 12", saved: 0} ]);
public function myParseFunction(s:String):Date {
// Get an array of Strings from the comma-separated String
passed in.
var a:Array = s.split(",");
// Create the new Date object.
var newDate:Date = new Date(a[0],a[1],a[2],a[3]);
return newDate;
<mx:AreaChart id="Areachart" height="100%" width="100%"
paddingLeft="5" paddingRight="5"
showDataTips="true" dataProvider="{energyDataAC}" >
<mx:horizontalAxisRenderer>
<mx:AxisRenderer styleName="myAxisStyle"/>
</mx:horizontalAxisRenderer>
<mx:horizontalAxis>
<mx:DateTimeAxis alignLabelsToUnits="true"
dataUnits="hours" labelUnits="days" dataInterval="12" interval="1"
parseFunction="myParseFunction"/>
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries yField="saved" xField="date"
form="segment" displayName="Energy Saved"/>
</mx:series>
</mx:AreaChart>
<mx:Legend dataProvider="{Areachart}"/>
Any ideas?
Thanks,
Brent