私は PieChart を持っています...タブレットもサポートするようになったので、凡例の fontSize を大きくする必要があります。ただし、次の場合は効果がありません。
<mx:Legend dataProvider="{industryChart}"
height="110" bottom="40"
height.groupTablets="220" bottom.groupTablets="80"
fontSize="8" fontSize.groupTablets="16"
markerHeight="10" markerHeight.groupTablets="20"
verticalGap="3"
/>
他の属性が変化するため、状態が正しいことがわかります。
スタイルセクションを追加してみました:
<fx:Style>
.legend {
fontSize:24;
}
</fx:Style>
<mx:Legend dataProvider="{industryChart}"
height="110" bottom="40"
height.groupTablets="220" bottom.groupTablets="80"
markerHeight="10" markerHeight.groupTablets="20"
verticalGap="3"
styleName="legend"
/>
変化なし。スタイルを Main.css に移動しても機能しません。
これを使用すると、次の警告が表示されます: CSS タイプ セレクターはコンポーネントでサポートされていません: 'mx.charts.LegendItem':
<fx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
mx|LegendItem {
fontSize:24;
}
</fx:Style>
しかし、Main.css に同じものを入れると、うまくいきます。
@namespace mx "library://ns.adobe.com/flex/mx";
mx|LegendItem {
fontSize:24;
}
私が抱えている問題は、すべての状態だけでなく、タブレットの状態でフォントを大きくできるようにする必要があることです。そうしないと、電話でフォントが大きくなりすぎます。
疑似セレクターが機能していないようです:
mx|LegendItem:groupTablets {
fontSize:24;
}
Main.cc または fx:Style で ID が機能しない:
#pieLegend {
fontSize:24;
}
<mx:Legend id="pieLegend"
dataProvider="{industryChart}"
height="110" bottom="40"
height.groupTablets="220" bottom.groupTablets="80"
markerHeight="10" markerHeight.groupTablets="20"
verticalGap="3"
/>
ただし、そのアプローチが機能したとしても、mxml の背後にあるコードが ID によって特定のコンポーネントを参照する必要がある場合、問題が生じるでしょう。
私もイライラして、コードでこれを試しました:
pieLegend.setStyle("fontSize", 24);
いいえ。ぐう。
何か案は?