如何使用SAP UI5 web Component的React框架的柱状图和折线图
2020-02-17 05:22
330 查看
导入柱状图和折线图:
import { BarChart, LineChart } from “@ui5/webcomponents-react-charts”;
在自定义的React Component里,为图标创建数据集和数据标签对应的JavaScript数组:
最后在React 自定义组件里,直接为LineChart和BarChart这两个标签页维护刚才创建好的JavaScript数组:
最后的效果,折线图:
柱状图:
不出意外,还是通过canvas实现的:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 如何使用SAP UI5 Web Component for React的padding功能
- SAP UI5 web Com 4000 ponent的React组件,如何实现事件响应
- 012、Project Reactor
- 使用 React-Sketchapp
- react
- react 入门
- React入门Today.2(JSX、元素渲染)
- React入门Today.3(组件与Props)
- React入门Today.4(State与生命周期)
- React入门Today.5(事件处理与条件渲染)
- react路由时,不能正常渲染,需要刷新,才能渲染
- React脚手架安装及环境变量解析
- 《React设计模式+最佳实践》最新
- React UI 库:React Suite 3.4.5 版本更新
- 前端随心记---------React简介(1)
- ReactiveCocoa RACObserve subscribeNext 时,只有值不一样时才响应
- 【天赢金创】我是如何看待React 组件开发
- 引入react-native-swiper报错
- webstorm下react项目出现cannot find declaration的解决办法
- React学习总结(一)