Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://tadpolizemedia.blog118.fc2.com/tb.php/133-13dfefae

-件のトラックバック

-件のコメント

コメントの投稿

投稿フォーム
投稿した内容は管理者にだけ閲覧出来ます

Flex4 BarChartのデザインについて(2)

前日、BarChartのプログラミングについて、
書籍にはあまり書かれていないことを調べて以下の記事
http://tadpolizemedia.blog118.fc2.com/blog-entry-131.html
にまとめました。この時解決していなかった2つのテーマが
解決しましたので備忘録としてまとめておきます。

Flex4 BarChartのデザイン調査(2)


(1)Barの外側に数値を表示させる。この数値のサイズ、色を指定する。
  (該当する部分のみのコーディング)

<fx:Style>
  .percentageSeries {
    fontSize:42;
    color:red;
    fontWeight:bold;
    labelPosition:outside;
  }
</fx:Style>

<mx:series>
  <mx:BarSeries displayName="電力使用率" xField="percentage" styleName="percentageSeries"/>
</mx:series>


(2)水平方向の値に単位(%)を付加する。(該当する部分のみのコーディング)

<fx:Script>
  <![CDATA[
  // 単位'%'を表示させるための
  public function defineVerticalLabel(
    cat:Object,
    pcat:Object,
    ax:LinearAxis):String
    {
        return numForm.format(cat) + "%";
    }
  ]]>
</fx:Script>
<fx:Declarations>
    <mx:NumberFormatter id="numForm" />
</fx:Declarations>

<mx:horizontalAxis>
    <mx:LinearAxis minimum="0" maximum="100" interval="50" minorInterval="10"
                 labelFunction="defineVerticalLabel" />
</mx:horizontalAxis>

ともに参考サイト:
  http://livedocs.adobe.com/flex/3/html/help.html?content=charts_displayingdata_06.html
  「Defining axis labels」「Using data labels」

それにしても暑い...

スポンサーサイト
この記事に対してトラックバックを送信する(FC2ブログユーザー)
http://tadpolizemedia.blog118.fc2.com/tb.php/133-13dfefae

0件のトラックバック

0件のコメント

コメントの投稿

投稿フォーム
投稿した内容は管理者にだけ閲覧出来ます

Appendix

プロフィール

 二代目松四郎

Author: 二代目松四郎


「カメラと動画(+スチル写真)」
「音響と音楽」
「プログラミング」
を主なテーマに活動しています。
映画館と美術館と音楽ホールと
古い街並みが私の学校。

宮城県仙台市在住。

カテゴリー

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Counter

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。