如何在SAPUI5控件中包含D3(散点图)图表

时间:2017-03-28 18:39:41

标签: d3.js charts scatter-plot sapui5

我正在尝试在SAPUI5应用程序中实现散点图图表。我已经对SAP(Vizframe)更常见的其他图表框架进行了一些研究,但是它们支持的功能受到限制(例如:vizframe不支持回归线)。

我找不到将d3图表集成到SAPUI5控件中的简单方法。任何人都可以就如何实现这一目标提供一些指导吗?示例有帮助!

这是我试图实施的图表:

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

1 个答案:

答案 0 :(得分:1)

最好的方法是基于D3实现自己的自定义控件。此处已在SAPUI5资源中提供了库;

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

一些例子;

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/

基于ChartJS的图表库,如果要检查;

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

相关问题