Toolkit」を使ってバブルチャートを表示させる手順を紹介します。ちなみに、D3をご存じない方には以下のチュートリアルが参考になると思います。Toolkit」のインストール以下からダウンロードして、Splunkにインストールしてください。https://splunkbase.splunk.com/app/1613/#/overviewAppの作成App作成画面から「Try_D3」を作成します(フォルダ名は「try_d3」とします)。作成したApp「Try_D3」のDashboardで「Bubblechart」の名前で作成します。Table」を選択し、以下のサーチ文を入力します。sourcetypeすると以下のような画面になります。HTML」を選択します。D3.jsライブラリの配置try_d3配下に"appserver/static"ディレクトリを作成し、その配下に"splunk_wftoolkit/appserver/static/components"をコピーします。<![CDATA[その下に以下を追記します。}});requireの最下に以下を追加します。"app/try_d3/components/bubblechart/bubblechart"functionの最下に以下を追加します。ELEMENTSその下に以下を追記します。$("#bubblechart")}).render();ここで、各属性は以下の通りです。100%">以下に書き換えます(ここで上記elを使用します)。100%">描画してみます。これでは小さすぎるので、サイズを調整します。style="width:400px;height:300px">いい感じになりました。インタラクティブ(ドリルダウン)動作を定義するバブルチャートを表示させただけではちょっとつまらないので、バブルをクリックした際の動作(ドリルダウン)を定義します。バブルをクリックすると該当のデータの詳細を統計テーブルに表示させるという動きにします。表示領域の作成まず以下をバブルチャートの下に追記して、表示領域を作成します。ELEMENTSに以下を追記します。MANAGERS以下を追記します。"submitted"});イベントハンドラの定義バブルクリック時の動作を記述します。$("#bubblechart")}).render();の下に以下を追記します。}});ここで、バブルチャートの場合、eは以下のような構成になっています(上記ではname属性を利用しました)。valueFieldの値}以上で完成です。下図のようにバブルをクリックすると、下の統計テーブルに詳細が表示されます。完成形の構成をgithubに置いておきましたので、ご興味がある方はご覧ください。upLoginユーザーは見つかりませんでした。