Tag: Plotly.js

Plotly.jsのサンプル(誤差棒付き時系列データ)

JavascriptのプロットライブラリPlotly.jsがオープンソース化された(オフィシャルの発表; 日本語記事)ので、雷雲ガンマ線観測実験のデータをブラウザ上で表示するために使ってみました(以前記事にした最近流行りのプロットライブラリd3.jsを使うこと考えましたが、簡単なことをしたい時には大げさすぎるので今回はPlotly.jsです)。 プロットしたいデータはガンマ線/宇宙線の5秒毎のカウント数の時系列です。元データはROOT形式ですが、サーバ側でCSVに変換して、Plotly(というか、その内部で動いているd3.js)が読めるようにしています。 CSVデータは以下のように、時刻、カウントレート、統計誤差が並んでいます。 プロット結果と使用したCSVファイルは以下から見れます。 plotCSVTimeSeriesDataWithErrorBar.html (誤差棒付きのプロット) 20151205_083054_ch0.csv (ガンマ線/宇宙線の時系列データ) ソースコード データを読み込んでX/Y/errorYを準備し、レイアウト指定情報を作成して最後にプロットを作成するところで、 のように、configurationとして を追加すると、プロットにマウスをホバーした時に表示されるメニューバー(アイコンが並んだツールバー; 下記)を消すことができます(検索してもなかなか答えが見つからなかったので書いておきます)。