导入柱状图和折线图：

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

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

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

最后的效果，折线图：

柱状图：

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

本文来自云栖社区合作伙伴“汪子熙”，了解相关信息可以关注微信公众号"汪子熙"。