ナレッジベース

WebCharts3D 5.4J

棒グラフや折れ線グラフなど複数のデータ系列を持つグラフ種では、系列毎に異なるクリックアクションを設定できます。クリックアクションは、系列毎に作成した系列スタイルのアクションプロパティへ設定します。

２つのデータ系列にそれぞれ以下のhttpアクションを設定する方法を示します。
　系列１：http://www.google.co.jp/
　系列２：http://www.yahoo.co.jp/

デザイナで設定する場合

１.［デザイン］タブで右ペインの［要素］-［系列］プロパティをクリックし、［系列オブジェクトエディタ］ダイアログボックスを表示します。

２.系列1のクリックアクションを設定します。
　（１）左上のボックスに、”0”（系列１のインデックス）と入力します。
　（２）［追加］ボタンをクリックします。
　（３）右ペインの［アクション］プロパティに” http://www.google.co.jp/”と入力します。

３.系列２のクリックアクションを設定します。
　（１）左上のボックスに、”1”（系列２のインデックス）と入力します。
　（２）［追加］ボタンをクリックします。
　（３）右ペインの［アクション］プロパティに” http://www.yahoo.co.jp/”と入力します。

４.［適用］ボタンをクリックします。
５.［閉じる］ボタンをクリックします。

XMLスタイルには以下の要素が設定されます。

<elements>
　<series index="0" action="http://www.google.co.jp/"/>
　<series index="1" action="http://www.yahoo.co.jp/"/>
</elements>

Javaコードで設定する場合

■サンプルコード

---

// チャートスタイルの作成
MxFrameChartStyle style = new MxFrameChartStyle();
// 系列１の系列スタイルの作成
MxSeriesStyle series1Style = new MxSeriesStyle();
// 系列１のクリックアクションを設定
series1Style.action = "http://www.google.co.jp/";
// 系列１の系列スタイルをスタイルに設定
style.elements.series.set(0, series1Style);
// 系列２の系列スタイルの作成
MxSeriesStyle series2Style = new MxSeriesStyle();
// 系列２のクリックアクションを設定
series2Style.action = "http://www.yahoo.co.jp/";
// 系列２の系列スタイルをスタイルに設定
style.elements.series.set(1, series2Style);
// MxChartDescriptionインスタンスにスタイルを設定
chart.setStyle(style);

---

■参照
開発者ガイド
　- 7. 共通スタイル
　　- 7.13 要素スタイル
　　　- 7.13.4 系列スタイル