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

导入柱状图和折线图:

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

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

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

最后的效果,折线图:

柱状图:

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

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

发布了6590 篇原创文章 · 获赞 634 · 访问量 107万+

猜你喜欢

转载自blog.csdn.net/i042416/article/details/104234756