免备案CDN_数据库异地备份_速度快

时间:2021-09-28 15:10       来源: 微辰云

免备案CDN_数据库异地备份_速度快

在这篇博文中,大数据 学习,我将分享如何在sapui5中实现D3图表作为自定义控件。在过去的几周里,我一直在探索D3.js,这是一个JavaScript可视化库,它允许您在数据集的基础上以编程方式创建SVG可视化。

D3代表数据驱动文档,它基于数据创建图形可视化。我们项目的要求是创建一个树结构,其中父母可能有许多具有不同属性的孩子,我们还需要用不同的颜色来表示他们的状态。

这就是它的样子。

在任何HTML页面中实现这一点。您可以直接在页面上使用此代码。但我想将它与我们的sapui5页面集成。我还希望它能够通过动态绑定在不同的页面上重用。我想在这个图表上的工具提示和其他颜色可视化。除此之外,物联网操作系统,实时大数据,我还需要它与我们的UI5用户体验保持一致。所以,我选择了用这个做一个自定义控件,并根据我们的要求进行更改,何为大数据,但这里我只解释其中的基本部分。

对于我们的控件,这些是属性和方法

属性:

Id:String

方法:

setData(data):设置要与图表绑定的数据

这里treeData是一个JSON对象,物联网是啥,包含节点的显示名称和状态(颜色)。

最后是它的外观像

SAPUI5是一个很好的快速开发web应用程序的框架&D3是用图形实现数据可视化的最佳库之一。在这里他们一起使开发和用户体验更容易和顺利。

我希望D3作为UI5控件的实现能帮助您。在执行过程中,如果您需要任何澄清,请随时询问。