Блог

Как скрыть линии оси с помощью CSS? Разве это не должно работать?

 <mx:Style>
  @namespace mx "library://ns.adobe.com/flex/mx";

  mx|ColumnChart {
    horizontalAxisStyleName: myAxisStyles;
    verticalAxisStyleName: myAxisStyles;
  }
  .myAxisStyles { showLine: false; }
</mx:Style>
 

Я также пробовал отображать: нет.

До этого я использовал:

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

Но это вызвало несколько раздражающих предупреждений:

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

Спасибо!

В Flex 4.5 установка showLine:false через CSS тоже не сработала для меня. Позже я обнаружил, что CartesianCharts принимает массив, а не строку, в качестве входных данных для horizontalAxisStyleNames .Обратите внимание, что это не horizontalAxisStyleName, это horizontalAxisStyleName * s * . Я быстро обошел, и к диаграмме было применено свойство showLine. Это может показаться бессмысленным, но у меня не было другого выбора, и это работает как шарм!

Код для справки:

 <fx:Style>
    @namespace mx "library://ns.adobe.com/flex/mx";
    @namespace s "library://ns.adobe.com/flex/spark";

    mx|ColumnChart {
        horizontalAxisStyleNames:myAxisStyles,myAxisStyles;
    }

    .myAxisStyles {
        showLine:false;
    }

</fx:Style>