タイムラインタイプがpointの場合は無視されます。タイムライン上の表示行(縦位置)。指定しないと1行目(最上段)のイベントとなります。HTMLでマークアップ時はイベントリストタグのテキスト部がラベルとして使用されます。イベント詳細表示領域がある場合、そこに表示されます。タイムライン上に表示されるイベントノードブロックの背景色です。タイムライン上に表示されるイベントノードブロックの文字色です。タイムラインタイプがpointの場合のみ有効です。タイムライン上に表示されるイベントノードブロックの外枠(ボーダー)色です。タイムラインタイプがpointの場合のみ有効です。タイムライン上に表示されるイベントノードブロックのサムネイル画像になります。タイムラインタイプがpointの場合のみ有効です。イベントノードブロックの余白(マージン)です。初期値は2ピクセルで、値を大きくすることでイベントノードブロックのサイズを小さくできます。半分の幅未満で指定可能です。イベントノードブロックのユーザー拡張パラメータとして任意の値をキー・バリュー形式で設定できます。このパラメータ値はコールバックイベントで参照できます。イベントがクリックされた時の追加処理を定義できます。メソッドの後続処理として扱われます。タイムラインタイプがpointの場合のみ有効です。自身の前後に連結するイベントがある場合、連結イベントを定義することでそのイベントと自身のイベントが線で連結されます。リレーション・ラインタイムラインタイプが”point”の場合、各イベントを線で連結することができます。連結線を設定するためには各イベントにてrelationパラメータを使って、そのイベントに連結する前後のイベントIDを指定します。relationパラメータで指定できる設定値は下記の通りです。自身のイベントの前(左側)に連結するイベントIDを指定します。指定することで、タイムライン領域外(表示領域の左端)から線を引くことができます。自身のイベントの後(右側)に連結するイベントIDを指定します。指定することで、タイムライン領域外(表示領域の右側)へ線を引くことができます。連結線の太さを指定します。連結線の色を指定します。自身のイベントと異なる行のイベントに連結する時に、線形を曲線化できます。その際の曲線化する方向を指定します。beforeで指定した左上のイベントに連結する場合はrbを指定します。国際化このプラグインでは出力される日時書式テキストを国際化して、利用する言語に応じて翻訳テキストを定義する機能を備えています。この機能を利用する場合、タイムラインオブジェクトの初期化時に下記のようなオプションを追加してください。上記は、日本語への翻訳をする場合になります。デモこのプラグインのデモページはこちらです:BARタイプタイムライン・デモPOINTタイプタイムライン・デモTIPSいくつか実践的なTIPSを紹介しておきます。bootstrapのモーダルウィンドウにイベント詳細を表示するまず、モーダルウィンドウの本文ブロック(.modal-body)内に、イベント詳細エリアを設置しておきます。</div></div>イベント・パラメータのコールバックにモーダルウィンドウの呼び出しを設定します。</div></div>これで、タイムライン上のイベントがクリックされると、モーダルウィンドウにイベント詳細が表示されるようになります。タイムライン上のイベントにbootstrapのツールチップを適用するイベント・パラメータの拡張設定にツールチップ制御用のオプションを定義しておきます。</ul></div>JavaScriptでレンダリングされたイベントノードブロックにツールチップをバインドさせます。}});これで、タイムライン上のイベントにマウスオーバーするとツールチップが表示されます2。licensescaleに”years”を指定すると、月以下が切り捨てられ、年初が開始日時となります。scaleに”months”を指定すると、日以下が切り捨てられ、月初が開始日時となります。↩Bootstrapのバージョン4.xでは、ツールチップの使用時にエラーが発生する場合があります。その際、tetherプラグインをインクルードすることで解決できるかもしれません。