您的位置:首页 > Web前端 > React

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

2020-02-17 05:22 330 查看

导入柱状图和折线图:

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

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

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

最后的效果,折线图:

柱状图:

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

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

  • 点赞
  • 收藏
  • 分享
  • 文章举报
汪子熙 博客专家 发布了6646 篇原创文章 · 获赞 639 · 访问量 109万+ 他的留言板 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: