本文共 263 字，大约阅读时间需要 1 分钟。

导入柱状图和折线图：

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

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

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

最后的效果，折线图：

柱状图：

不出意外，还是通过canvas实现的：

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

转载地址：https://jerry.blog.csdn.net/article/details/104234756 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！