WebixとD3.jsを使ってレスポンシブなグラフを作成する

Webix Advent Calendar 2014 １６日目の記事です。 今回はWebixにD3.jsを組み込んでグラフを表示します。 example コンポーネントとして表示したグラフはウインドウや境界線を移動した際に、自動的にコンポーネントのサイズにグラフがリサイズされます。 カスタムコンポーネント WebixのコンポーネントとしてD3を利用できるカスタムコンポーネントを作成します。カスタムコンポーネントの作り方についてはまた別途説明するので、今回は下記コードを保存しWebixライブラリとともに外部ファイルとして読み込んでください。 webix.protoUI({ name:"d3-chart", defaults:{ }, $init:function(){ this._ready_awaits = 0; this.attachEvent("onAfterLoad", functi

[kasumani]

WebixとD3.jsを使ってレスポンシブなグラフを作成する コンポーネントとして表示したグラフはウインドウや境界線を移動した際に、自動的にコンポーネントのサイズにグラフがリサイズされます。 Tags: feedly, ifttt, recently read,