enebular の INFOMOTION を他のサイトに貼り付ける

本投稿は、enebular Advent Calendar 2016 の第8日目の記事です。

第1日目の記事や、enebular.com のチュートリアルをすすめることで、 enebular でグラフ（INFOMOTION）が表示されていると思います。

実は、INFOMOTION は、HTMLとして他のサイトに貼り付けることができるんです！

やりかたはとても簡単。

グラフの右肩にある「share」リンクをクリックすると、ウインドウに貼り付け用のHTMLが表示されます。

これを他のサイトのHTMLに埋め込むだけです！

※画像はローカルのHTMLです。

INFOMOTION は部品ごとに div タグになっており、コンパーチブルに埋め込むことができます。ただ、既存のサイトに埋め込むときは、スタイルの競合があるかもしれないので、そこだけ注意が必要です。

dateRangePicker

<div id="enebular-daterangepicker"></div> 

timeline

<div id="enebular-timeline"></div>
```
![image](https://qiita-image-store.s3.amazonaws.com/0/7046/0febdbf2-2da7-78e1-84f9-d84a3bb330c4.png)

**graph**
```
<div id="enebular-graph"></div>
```

![image](https://qiita-image-store.s3.amazonaws.com/0/7046/9bc937ea-c208-5a35-814d-3590f683052e.png)

こんな感じです。それでは〜。