zoukankan      html  css  js  c++  java
  • 如何使用SAP UI5 web Component的React框架的柱状图和折线图

    导入柱状图和折线图:

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

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

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

    最后的效果,折线图:

    柱状图:

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

    要获取更多Jerry的原创文章,请关注公众号"汪子熙":

  • 相关阅读:
    第7章例7-12
    第7章例7-11
    第7章例7-9
    第7章例7-8
    第7章例7-7
    第7章例7-6
    第7章例7-5
    第7章例7-4
    第7章例7-3
    第7章例7-2
  • 原文地址:https://www.cnblogs.com/sap-jerry/p/12303069.html
Copyright © 2011-2022 走看看