Burrito mobile project charting components

Question

I have a problem when trying to use the charting components in a Flex Hero mobile project with Flash Builder Burrito.
The release notes(http://labs.adobe.com/wiki/index.php/Flex_SDK_Hero) of Flex Hero state that the charting components aren't included in a mobile project by default, but that you can add the swc's manually.
So I created a new "Flex Mobile Project" in Burrito and added the charting swc's (datavisualization.swc and mx.swc) to the project. But when I try to use the Barchart component or any other chart component I get errors in my Flex application because it cannot resolve the component.
I have a feeling this problem has something to do with the com.adobe.flexide.project.multiplatform.multiplatformnature used in the .project file in a mobile project, but I'm not 100% sure.
Anyone else having this problem and is there any way to resolve this problem?

Answer 1

ok, so here's another problem with charting in a mobile project... if I'm not mistaken there's a problem with the mobile skin.
Although this renders (if you have the datavisualisation.swc and mx.swc and sparkskins.swc in your libs folder) you will not see any text on the axis or in the tooltips.   Does anybody have an explanation and solution?  I'm not understand how the skinning is put together in spark :
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="Home" xmlns:local="*"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        xmlns:charts="mx.charts.*"
        xmlns:datavis="mx.charts.series.*">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
        <fx:Script><![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            public var expenses:ArrayCollection = new ArrayCollection([
                {Month:"January", Profit:2000, Expenses:1500, Amount:450},
                {Month:"February", Profit:1000, Expenses:200, Amount:600},
                {Month:"March", Profit:1500, Expenses:500, Amount:300},
                {Month:"April", Profit:500, Expenses:300, Amount:500},
                {Month:"May", Profit:1000, Expenses:450, Amount:250},
                {Month:"June", Profit:2000, Expenses:500, Amount:700}
        ]]></fx:Script>
        <mx:Panel title="Plot Chart">
            <charts:PlotChart id="myChart" dataProvider="{expenses}"
                          showDataTips="true">
                <charts:series>
                    <datavis:PlotSeries
                        xField="Expenses"
                        yField="Profit"
                        displayName="Plot 1"
                        />
                    <datavis:PlotSeries
                        xField="Amount"
                        yField="Expenses"
                        displayName="Plot 2"
                        />
                    <datavis:PlotSeries
                        xField="Profit"
                        yField="Amount"
                        displayName="Plot 3"
                        />
                </charts:series>
            </charts:PlotChart>
            <charts:Legend dataProvider="{myChart}"/>
        </mx:Panel>
</s:View>