手机版 欢迎访问魄力云云市场资讯网站

当前位置:主页 > 云虚拟主机 >

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

时间:2021-09-08 16:11:21|来源:魄力云|编辑:魄力云|点击:

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

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

这就是它的样子。

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

对于我们的控件,数据与大数据专业,这些是属性和方法

属性:

Id:String

方法:

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

这里treeData是一个JSON对象,云零售,包含节点的显示名称和状态(颜色)。

最后是它的外观像

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

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

云主机服务商 Ucloud云计算 移动云数据 云存储服务器 Ucloud云主机 云计算提供商 阿里数据库 服务器租用 云储存服务器 Web云服务器 ucloud云数据库 独享云主机 云服务器服务商 海外云存储 云服务器主机 云计算解决方案 国内云存储 数据库云平台

Copyright © 2002-2020 魄力云 版权所有

备案号:豫ICP备56298345号