Jump to content
We've recently updated our Privacy Statement, available here ×
  • グラフをカスタマイズしたい


    hozawa

    [toc on_off::hide=1]

    question.png.890fbbf5699e2f69b339902aba540e96.png home.png.805e90887cd2c8e448d91e14e2577d95.png

    作成:小沢仁 株式会社レジェンド・アプリケーションズ

    グラフをカスタマイズしたい


    手順(画像をクリックすると拡大表示します)

    このチュートリアルで習うこと

    前提条件
    • Javaプログラム解発の知識を有すること
    • Eclipseがパソコンにインストールとセットアップされていること。
      Eclipseをインストールされていない方はhttps://www.eclipse.org/downloads/からダウンロードすることができます。
    • LaKeelBIカスタマイザー用のjarファイル。
      ここからダウンロードできます。ダウンロードした後に解凍して置いてください。

    LaKeel BI Studioの「グラフ」コンポーネントはJFreeChartを利用しています。グラフを細かくカスタマイズする場合は、Javaのカスタマイザクラスを作成してインターフェースを実装、拡張クラスを作成、標準のクラスオーバライドします。
    本ページでは先ずグラフコンポーネントをカスタマイズするために実装するnet.sf.jasperreports.engine.JRChartCustomizerクラスの作成するEclipse環境のセットアップの仕方を説明します。

    1. グラフ用のカスタムクラスはJavaクラスです。そのため、Eclipseでカスタムクラスを作成する場合は先ずJavaプロジェクトを作成します。
      Eclipseから「File」-「New」-「Java Project」(「ファイル」-「新規」-「Javaプロジェクト」)を選択します。
      customizerSetup_1.png.e045bcaa795402a1520a0b66ac7fb47f.png
    2. 「Project name」(プロジェクト名)を入力して、「Next >」ボタンを押下します。例ではプロジェクト名を「SampleCustomizer」にしています。作成したカスタマイザークラスのjarファイルはプロジェクト単位でLaKeel BI Studioに読込ませます。
      customizerSetup_2.png.7f71bb737db31008ffcde693c1b4787f.png
    3. カスタマイザークラスで必要なJavaライブラリを読込ます。
      「Libraries」(ライブラリ)タブを選択します。
      customizerSetup_3.png.f953833d08d29fba4a7b43dbd14af6bd.png
    4. LaKeelBIカスタマイザー用のjarファイルを追加します。
      「Add External JARs」(外部Jarを追加)ボタンを押下して、LaKeelBIカスタマイザー用のjarファイルを指定します。
      customizerSetup_4.png.d0b1b86e131f2a982d7bff71393ba44a.png
    5. >LaKeelBIカスタマイザー用のjarファイルが追加されたことを確認してください。確認した後に「Finish」(完了)ボタンを押下します。
      customizerSetup_5.png.a3beb5244ace4c4ce3ab1290629a8d1d.png
    6. 追加したjarファイルが「Referenced Libraries」に追加されていることを確認します。これで準備は完了です。
      customizerSetup_6.png.13ba8ef89f8bc09274930878b6dd8b01.png

    1. カスタマイザー用のJavaクラスを作成します。
      カスタマイザークラスのために作成したJavaプロジェクト内の「src」フォルダを右クリックして、「New」-「Class」を選択します。
      customizerSetup_7.png.eac5bac1f1643991d4ba120000745e17.png
    2. 「Source folder」、「Package」、「Name」、「Superclass」(ソースフォルダ、パッケージ名、クラス名、スーパークラス)を入力します。スーパークラスには「net.sf.jasperreports.engine.JRAbstractChartCustomizer」と入力します。
      入力が終わったら「Finish」(完了)ボタンを押下します。
      customizerSetup_8.png.4c55f66c5a348c416f0de38c7a5618a7.png
    3. Javaクラスが作成さてたことを確認します。
      customizerSetup_9.png.88f0dbbe47b706ffa165fe12e8516bcd.png
    4. クラスの内容を記述します。customizeメソッドの前の行の「@Override」は削除します。customizeメソッドの引数の変数名もわかり易い名前に変更することを推奨します。
      下のコードは棒グラフの棒の幅を変更します。
      	public void customize(JFreeChart jFreeChart, JRChart jrChart)
      	{
      		CategoryPlot plot = jFreeChart.getCategoryPlot();
      		
      		BarRenderer barRenderer = (BarRenderer)plot.getRenderer();
      
      		// 棒ぜんたいの最大幅をグラフ表示領域幅の%で設定します
      		barRenderer.setMaximumBarWidth(0.01);
      		
      		plot.setRenderer(barRenderer);
      	}
      	


      customizerSetup_10.png.a99139474b61d06ff4b8c8f7d76cb345.png

    5. importされていないクラスがあるため、エラーが表示された場合は赤い×を左クリックした「Import xxxx」を選択します。
      customizerSetup_11.png.e2de3469cda7ceabda702c90541d44b6.png
    6. エラーがないことを確認します。これでカスタマイザークラスが作成されました。
      customizerSetup_12.png.b82563ce423cf37313d03ba03236154d.png

    1. 作成したカスタマイザークラスをLaKeel BI Studioで使うには、カスタマイザークラスをjarにする必要があります。
      カスタマイザー用のプロジェクトを左クリックした「Export」(エクスポート)を選択します。
      customizerSetup_13.png.61e293a12e49c5b321b8d15ece02d6d2.png
    2. 「JAR file」(Jarファイル)を選択して、「Next >」(次へ >)ボタンを押下します。
      customizerSetup_14.png.254fc3a1e51155249fe514c56a611f71.png
    3. 「.classpath」及び「.project」は不要なので、チェックを外します。
      次にJarファイルを生成するフォルダを指定します。最後に「Finish」(完了)ボタンを押下します。customizerSetup_15.png.771003e333d94a74ca4a73a5adcc93b8.png

    1. LaKeel BI Studioでカスタマイザークラスを利用する場合は、生成したjarファイルを読込み、使うグラフで指定する必要があります。
      カスタマイザークラスをLaKeel BI Studioに読み込むには、レポートプロジェクトを右クリックして「ビルド・パス」-「ビルド・パスの構成」を選択します。customizerSetup_16.png.ac7eb5b6720c4c7ea219ee6f3e9def76.png
    2. 「外部JARの追加」ボタンを押下して、Eclipseで生成したjarファイルを指定します。
      customizerSetup_17.png.7dd2bc37d7362f606a70c00c3b41824b.png
    3. カスタマイザー用のjarが追加されたことを確認した後に「OK」ボタンを押下します。
      customizerSetup_18.png.90a71582eb13fac04d2e77ba4135b650.png
    4. 先ずはカスタマイザーなしで棒グラフを表示して見ましょう。
      customizerSetup_19.png.f0ce2af6aec2c441ca68ce41dbc4d3a6.png
    5. 標準では次のように棒の幅はグラフ領域の大きさによって自動調整されます。
      customizerSetup_20.png.8707dcf549125f023f191103b2a38374.png
    6. カスタマイザークラスを適用します。
      グラフをクリックして、プロパティビューから「グラフ」タブを選択します。「カスタマイズ・クラス」の右にある「...」ボタンを押下します。customizerSetup_21.png.95201b88f422c6d1cc9538cba9ca5519.png
    7. 作成したカスタマイザクラスを入力して「OK」ボタンを押下します。
      customizerSetup_22.png.d73794b5cc6e0299970302c1c93181b7.png
    8. カスタマイズ・クラスが入力されたことを確認した後にグラフを再びプレビューします。
      customizerSetup_23.png.0b53676e9cb0496901c54d6e7363f223.png
    9. 棒の幅が細くなったことを確認します。
      customizerSetup_24.png.cf467926b4672612f844a2be558472e9.png


    作成:小澤仁

    customizerSetup_1.png.d55246b872dc323b3159f917346aa719.png

    customizerSetup_2.png.0cc05371322ea1a23485397645da2807.png

    customizerSetup_3.png.edf9b713047dcda889f09b02463fe2ef.png

    customizerSetup_4.png.9be85789b6043e657ddcb4aefcc1c78f.png

    customizerSetup_5.png.5fa639a51560a7233c03b9166d8bd3be.png

    customizerSetup_6.png.f077b823e0b59bca47ce5cf8c9019ce6.png

    customizerSetup_7.png.ec90114c6d53fa7a3282928de259ca61.png

    customizerSetup_8.png.7878ec2dfb749b7167640e1904958646.png

    customizerSetup_9.png.09ef21a8a36a3fc0434207bd18c4d6f3.png

    customizerSetup_10.png.9d2c541bf3bf6f7e051f551feffddcd7.png

    customizerSetup_11.png.a64a2ecd00a4bf7882642c5c74109d1f.png

    customizerSetup_12.png.5f29e56ac894e239ed3f4ca435e7f626.png

    customizerSetup_13.png.ee88bfba74f2749af7f114c462bc2d43.png

    customizerSetup_14.png.e39edb0f49c274972010c039366603cb.png

    customizerSetup_15.png.b952a903ad6c1aae88cc772c37513ad1.png

    customizerSetup_16.png.e550bbd937a29bf0080e12446d14f0a8.png

    customizerSetup_17.png.1c2fee9306fb591c865240fbbcb9ca54.png

    customizerSetup_18.png.fc25c75f4de29504c5befe57183fde4d.png

    customizerSetup_19.png.61122d5cffb65d587b3cc671a1485e35.png

    customizerSetup_20.png.6f6bd73c427ef470f4c9ffe25e40d00f.png

    customizerSetup_21.png.604635b1d3b359c8f511044dfb656332.png

    customizerSetup_22.png.1b4d85cdaefc7ffca40b1f44e7cd0020.png

    customizerSetup_23.png.2eb33163f812a44622b75f9ae9706b47.png

    customizerSetup_24.png.8c2ae3c757ef45e7c6ea5db7dbab3f32.png


    User Feedback

    Recommended Comments

    There are no comments to display.



    Guest
    This is now closed for further comments

×
×
  • Create New...