導入柱狀圖和折線圖：
import { BarChart, LineChart } from "@ui5/webcomponents-react-charts"；
在自定義的React Component裡，為圖標創建數據集和數據標籤對應的JavaScript數組：
最後在React 自定義組件裡，直接為LineChart和BarChart這兩個標籤頁維護剛才創建好的JavaScript數組：
最後的效果，折線圖：
柱狀圖：
不出意外，還是通過canvas實現的：
分享到:
閱讀更多 汪子熙的游泳故事 的文章
關鍵字: 柱狀圖 JavaScript 折線圖
