专栏首页Jerry的SAP技术分享如何使用SAP UI5 web Component的React框架的柱状图和折线图
原创

如何使用SAP UI5 web Component的React框架的柱状图和折线图

导入柱状图和折线图:

import { BarChart, LineChart } from "@ui5/webcomponents-react-charts";

在自定义的React Component里,为图标创建数据集和数据标签对应的JavaScript数组:

最后在React 自定义组件里,直接为LineChart和BarChart这两个标签页维护刚才创建好的JavaScript数组:

最后的效果,折线图:

柱状图:

不出意外,还是通过canvas实现的:

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • SAP CRM WebClient UI和Hybris backoffice UI开发的相同点

    CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码。

    Jerry Wang
  • 一个程序猿试用有道云笔记VIP功能体验

    熟悉我的朋友应该知道,我有一个微信公众号,叫做“汪子熙", 我会定期在上面推送技术文章。

    Jerry Wang
  • Jerry's spark demo application

    在Cloud for Customer的Service Control Center里能看到C4C升级时间:

    Jerry Wang
  • SAP CRM WebClient UI和Hybris backoffice UI开发的相同点

    CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码。

    Jerry Wang
  • CRM Transaction处理中的权限控制

    1. 检查Authorization object CRM_ORD_OP:

    Jerry Wang
  • 点餐系统的部署,Java点餐系统部署到腾讯云Linux服务器

    进入home目里后,可以看到我们之前传的qcl443.jar和脚本文件,然后执行 ./run.sh

    编程小石头
  • ABAP下载的病毒扫描Virus Scan

    当我使用CL_HTTP_ENTITY=>IF_HTTP_ENTITY~GET_DATA从网络下载数据时,遇到异常CX_VSI:

    Jerry Wang
  • ABAP Netweaver和Hybris里获得内存使用统计数据

    每隔5秒钟,Hybris Administration console会发起一个到Java后台的AJAX查询请求:

    Jerry Wang
  • CRM WebClient UI里的文件是如何上传到Netweaver后台的

    使用Chrome开发者工具调试CRM WebClient UI里附件上传的功能: 从本地选择一个文件,断点触发:

    Jerry Wang
  • SAP云平台里Global Account和Sub Account的关系

    在Cloud Foundry环境里,一个Global Account或者Trial Account能够创建多个SubAccount,如图:

    Jerry Wang

扫码关注云+社区

领取腾讯云代金券