如何使用SAP UI5 web Component的React框架的柱状图和折线图
Posted JerryWangSAP
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用SAP UI5 web Component的React框架的柱状图和折线图相关的知识，希望对你有一定的参考价值。
导入柱状图和折线图：
import { BarChart, LineChart } from "@ui5/webcomponents-react-charts"；
在自定义的React Component里，为图标创建数据集和数据标签对应的javascript数组：
最后在React 自定义组件里，直接为LineChart和BarChart这两个标签页维护刚才创建好的JavaScript数组：
最后的效果，折线图：
柱状图：
不出意外，还是通过canvas实现的：
要获取更多Jerry的原创文章，请关注公众号"汪子熙":
以上是关于如何使用SAP UI5 web Component的React框架的柱状图和折线图的主要内容，如果未能解决你的问题，请参考以下文章
如何实现SAP UI5 Web Component React控件的加载效果
SAP UI5 Web Component for React的图标和图片处理