UI圖表 · RayData 設計開發工具說明文檔

## 01 基礎柱狀圖搭建 ```[video] src: 'https://files.raykite.com/open_video/version5/01.%E5%9F%BA%E7%A1%80%E5%9B%BE%E8%A1%A8%E6%9F%B1%E7%8A%B6%E5%9B%BE%E6%90%AD%E5%BB%BA_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 02 基礎柱狀圖動畫制作與數組處理 ```[video] src: 'https://files.raykite.com/open_video/version5/02-1.%E5%9F%BA%E7%A1%80%E5%9B%BE%E8%A1%A8%E6%9F%B1%E7%8A%B6%E5%9B%BE%E5%8A%A8%E7%94%BB%E5%88%B6%E4%BD%9C%E4%B8%8E%E6%95%B0%E7%BB%84%E5%A4%84%E7%90%86_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 03 基礎柱狀圖動畫制作與數組處理 ```[video] src: 'https://files.raykite.com/open_video/version5/02-2.%E5%9F%BA%E7%A1%80%E5%9B%BE%E8%A1%A8%E6%9F%B1%E7%8A%B6%E5%9B%BE%E5%8A%A8%E7%94%BB%E5%88%B6%E4%BD%9C%E4%B8%8E%E6%95%B0%E7%BB%84%E5%A4%84%E7%90%86_x264.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 04 文本圖表搭建方法 ```[video] src: 'https://files.raykite.com/open_video/version5/03-1.%E6%96%87%E6%9C%AC%E5%9B%BE%E8%A1%A8%E6%90%AD%E5%BB%BA%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 05 文本圖表動畫和調出方法 ```[video] src: 'https://files.raykite.com/open_video/version5/03-2.%E6%96%87%E6%9C%AC%E5%9B%BE%E8%A1%A8%E5%8A%A8%E7%94%BB%E5%92%8C%E8%B0%83%E5%87%BA%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 06 環形圖表搭建方法 ```[video] src: 'https://files.raykite.com/open_video/version5/04-1.%E7%8E%AF%E5%BD%A2%E5%9B%BE%E8%A1%A8%E6%90%AD%E5%BB%BA%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 07 環形圖循環動畫制作方法 ```[video] src: 'https://files.raykite.com/open_video/version5/04-2.%E7%8E%AF%E5%BD%A2%E5%9B%BE%E5%BE%AA%E7%8E%AF%E5%8A%A8%E7%94%BB%E5%88%B6%E4%BD%9C%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 08 環形圖循環動畫和調出方法 ```[video] src: 'https://files.raykite.com/open_video/version5/04-3.%E7%8E%AF%E5%BD%A2%E5%9B%BE%E8%A1%A8%E5%8A%A8%E7%94%BB%E5%92%8C%E8%B0%83%E5%87%BA%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 09 環形圖表參數屬性調出 ```[video] src: 'https://files.raykite.com/open_video/version5/04-4.%E7%8E%AF%E5%BD%A2%E5%9B%BE%E8%A1%A8%E5%8F%82%E6%95%B0%E5%B1%9E%E6%80%A7%E8%B0%83%E5%87%BA_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 10 折線圖表搭建方法 ```[video] src: 'https://files.raykite.com/open_video/version5/05-1.%E6%8A%98%E7%BA%BF%E5%9B%BE%E8%A1%A8%E6%90%AD%E5%BB%BA%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 11 折線圖動畫創建 ```[video] src: 'https://files.raykite.com/open_video/version5/05-2.%E6%8A%98%E7%BA%BF%E5%9B%BE%E5%8A%A8%E7%94%BB%E5%88%9B%E5%BB%BA_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ``` ## 12 C層級圖表制作方法 ```[video] src: 'https://files.raykite.com/open_video/version5/06.C%E5%B1%82%E7%BA%A7%E5%9B%BE%E8%A1%A8%E5%88%B6%E4%BD%9C%E6%96%B9%E6%B3%95_onekeybatch.mp4' poster: 'https://www.raykite.com/static/open_d.66f805ec.jpg' ```