2017-03-28 14 views
0

SAPUI5アプリケーション内に散布図チャートチャートを実装しようとしています。私は、SAP(Vizframe)でより一般的な他のチャートフレームワークでいくつかの研究を行ってきましたが、サポートされている機能を制限しています(例:vizframeは回帰線をサポートしていません)。SAPUI5コントロール内にD3(散布図)チャートを含めるには

d3チャートをSAPUI5コントロールに簡単に統合する方法が見つかりません。どのようにこれを達成することができるかについて誰かが指導してくれますか?例が助けます!

ここで私が実装しようとしているチャートです:

https://bl.ocks.org/ctufts/298bfe4b11989960eeeecc9394e9f118

答えて

1

ベストな方法は、D3に基づいて独自のカスタムコントロールを実装することです。ライブラリはすでにSAPUI5のリソースから入手できます。

jQuery.sap.require("sap/ui/thirdparty/d3"); 

いくつかの例; ChartJSに基づい

http://jsbin.com/zutamig/edit

http://jsbin.com/hacuw/1/edit?html,output

https://blogs.sap.com/2014/07/17/custom-sapui5-visualization-controls-with-d3js/

チャートライブラリ、チェックしたい場合は、カスタムコントロールの開発

https://github.com/SAP/openui5-charting-custom-controls

https://www.youtube.com/watch?v=W3Qkev2yk9w https://www.youtube.com/watch?v=Nw8SnXZFqrs

ビルカスタムデータを視覚化するために制御します。

https://www.youtube.com/watch?v=cY-WCWC1qxE

+0

共有するためのおかげで、私は、SAP UI5内で利用可能であるD3ライブラリの承知しています。私はこれらの例のいくつかを見てきましたが、それらはすべて明確ではありません。カスタムコントロールを試してみましょう! –