How do you import swc and have them display?

Question

Here is my set up first.  Eclipse 3.4.2 with Flex Builder 3.0.2 plugin installed.  Using the Flex 3.3 SDK.
I think I understand how to import a swc.  I can copy it into the lib folder or in the build path I can point to the Flex Library Project.  Either of these allows me to see the code through code generation.  So I think I imported it correctly. <shrugs>
So the problem is that I can't see the thing imported in the disign view or the running app.
The RingChart doesn't display.  What am I doing wrong?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:ns1="fr.kapit.ringchart.*">
    <mx:Script>
    <![CDATA[
        import mx.collections.ArrayCollection;
        [Bindable]
        private var expenses:ArrayCollection = new ArrayCollection([
                {France:2000, Germany:1000,
                 Spain:200, Italy:100,
                 Belgium:100,Tunisie:450},
                {France:2500, Germany:3000,
                 Spain:1500, Italy:1200,
                 Belgium:1200,Tunisie:235}
    ]]>
    </mx:Script>
    <mx:Accordion>
        <mx:VBox label="Accordion Button for Panel 1">
            <ns1:RingChart id="myRingChart"
                   height="100%"
                   width="100%"
                   dataProvider="{expenses}"
                   getDataAsSeries="true" />
        </mx:VBox>
        <mx:VBox label="Accordion Button for Panel 2">
        </mx:VBox>
    </mx:Accordion>
</mx:Application>
Thanks,
Joshua

Answer 1

I forgot to wrap the RingChart, the imported componant, in a Canvas.  Once I did that it worked.