Question

如何用CSS隐藏我的轴线？这不应该起作用吗？

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

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

我也尝试过display：none。

在此之前我使用过：

<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".

谢谢！

Answer 1

在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>

如何用CSS隐藏轴线？

1 个答案: