当前位置:首页 > Web开发 > 正文

LineChart } from @ui5/webcomponents-react-charts; 在自定义的Reac

2024-03-31 Web开发

导入柱状图和折线图:

技术图片

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

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

技术图片

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

技术图片

最后的效果,折线图:

技术图片

柱状图:

技术图片

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

技术图片

要获取更多Jerry的原创文章,,请存眷公家号"汪子熙":

技术图片

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30213.html