!エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。堀北真希TweetPrimeFacesにはグラフや図を表現するChartsコンポーネントがあります。以下はChartsの種類とShowcaseへのリンクです。Charts内部的にはjqPlotというjQueryのpluginを使っているとのことです。http://www.jqplot.com/Chartsコンポは今まで一度も触ったことないのですが、将来的には分析系の画面とかも作る必要がある...と思うので少しずつ触っていこうかなと思います。ビューの定義は非常に簡単でJSFでpieChartコンポを置くだけです。</h:body></html>valueでバインドしているデータは以下のような管理対象Beanのデータです。}}これで表示してみると超質素(^^;属性の指定がないからですね。以下、色々とある属性を指定してみます。説明文(legend)の位置。東西南北(e,w,s,n)で指定。データのラベル表示(デフォルトfalse)legendPosition画面左に配置するには「w」を指定します。West(西)の頭ですね。legendPosition="w"/>こんな感じ。画面右に配置するには「e」です。legendPosition="e"/>「n」でNorth(北)にすると以下のようになり、「s」でSouth(南)にすると下図の上下が反転したものとなります。legendRow先の例にあった例にlegendRow属性を指定してみます。2とすると、2行だけ表示してね、となります。sliceMarginsliceMarginに5を指定してみます。円の切れ目に距離が出ます。fillfillをfalseにして色塗りをなくしてみます。枠のみ、少しみにくいのでsliceMarginあったほうが良さげですね(^^;shadow影をなくしてみます。指定後ちょっとわかりにくいですが、円の右下に影があったのがなくなっています。sliceMarginを設定した場合にも切れ目の間に影がみえるのですが、これもなくなります。showDataLabelstrueにすると円の上にラベルが表示されます。他にもありそうですが、とりあえずこんな感じ(^^;コンポ置いて、属性指定するだけなので結構手軽です。Scroll)あけましておめでとうございます。ヶ月)長らくC#屋でした。EEを触ることになりました。Web開発も初めてです。日々の勉強メモとしてブログ作成。デビュー当時から堀北真希さんを愛するエンジニアです。現在は乃木坂46が大好きです。(15)にほんブログ村にほんブログ村はてなブログをはじめよう!kikutaro777さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。