6 Replies Latest reply on Oct 27, 2011 2:10 AM by Fletchgqc

    Flex charts: How to hide axis lines with CSS?

    dwaynie Level 1

      Hello!

       

      How do I hide my axis lines with CSS? Shouldn't this work?

       

      <mx:Style>
        @namespace mx "library://ns.adobe.com/flex/mx";
      
        mx|ColumnChart {
          horizontalAxisStyleName: myAxisStyles;
          verticalAxisStyleName: myAxisStyles;
        }
        .myAxisStyles { showLine: false; }
      </mx:Style>
      

       

      I also tried display: none.

       

      Prior to this I used:

       

      <mx:horizontalAxisRenderers>
        <mx:AxisRenderer showLine="false" axis="{someName.horizontalAxis}" />
      </mx:horizontalAxisRenderers>
      <mx:verticalAxisRenderers>
        <mx:AxisRenderer showLine="false" axis="{someName.verticalAxis}" />
      </mx:verticalAxisRenderers>
      

       

      But it produced some annoying warnings:

       

      Data binding will not be able to detect assignments to "horizontalAxis".
      Data binding will not be able to detect assignments to "verticalAxis".
      

       

      Thanks!

       

      --Dwayne