导入柱状图和折线图:
import { BarChart, LineChart } from "@ui5/webcomponents-react-charts";
在自定义的React Component里,为图标创建数据集和数据标签对应的JavaScript数组:
最后在React 自定义组件里,直接为LineChart和BarChart这两个标签页维护刚才创建好的JavaScript数组:
最后的效果,折线图:
柱状图:
不出意外,还是通过canvas实现的:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
原文地址:https://www.cnblogs.com/sap-jerry/p/12303069.html
时间: 2024-10-08 00:42:11