私はAngularアプリをやっていて、最近Metrics Graphicsを見つけました。問題は、それが Jquery 用にビルドされていることを考えると、角度のあるアプリに統合しようとして苦労していることです。
もう 1 つの厄介な問題は、私の Angular アプリが RESTful API を使用していて、統合したいグラフィックスのデータが API にあることです。
グラフィックを生成するコード:
$(function () {
d3.json('file/json.json', function(data) {
data_graphic({
data: data,
width: 650,
height: 150,
target: '#element',
x_accessor: 'Month',
y_accessor: 'Value'
})
});
});
ご覧のとおり、このコードは json ファイルからデータを抽出します。ありがたいことに、私の API はhttp://api.example.com/api/dataなどの json 形式も返します。
そこで、この jquery スクリプトを angular ディレクティブ (またはコントローラー) 内にバインドし、ファイルではなく API からデータを取得するようにします。
ありがとうございました