ITPub博客

首页 > 应用开发 > IT综合 > 如何使用SAP UI5 web Component的React框架的柱状图和折线图

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

原创 IT综合 作者:i042416 时间:2020-02-21 09:27:49 0 删除 编辑

导入柱状图和折线图:

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


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

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

最后的效果,折线图:

柱状图:

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


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/24475491/viewspace-2676508/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
SAP成都研究院开发专家,SAP社区导师,SAP中国技术大使。

注册时间:2018-01-20

  • 博文量
    1286
  • 访问量
    546765