iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

輕鬆Vue一下 系列

簡單介紹Vue框架,並實作一個網頁

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21-v-charts/柱狀圖

柱狀圖 在生成柱狀圖時,需要在html中建立一個ve-histogram物件:這裡將會介紹幾種簡單的設定:1.它透過settings屬性將chartSettin...

2019-10-07 ‧ 由 linchij 分享
DAY 22

Day22-v-charts/條形圖

條形圖 在生成柱狀圖時,需要在html中建立一個ve-histogram物件:這裡將會介紹幾種簡單的設定:1.它透過settings屬性將chartSettin...

2019-10-08 ‧ 由 linchij 分享
DAY 23

Day23-v-charts/圓餅圖

圓餅圖 在生成柱狀圖時,需要在html中建立一個ve-pie物件:這裡將會介紹幾種簡單的設定:1.它透過settings屬性將chartSettings變數綁定...

2019-10-09 ‧ 由 linchij 分享
DAY 24

Day24-v-charts/環狀圖

環狀圖 在生成柱狀圖時,需要在html中建立一個ve-ring物件:這裡將會介紹幾種簡單的設定:1.它透過settings屬性將chartSettings變數綁...

2019-10-10 ‧ 由 linchij 分享
DAY 25

Day25-v-charts/其他工具

工具箱 它透過toolbox屬性將toolbox變數綁定,toolbox中又有magicType、saveAsImage兩個屬性來設定工具箱功能,如下: 區域...

2019-10-11 ‧ 由 linchij 分享
DAY 26

Day26-v-charts/屬性配置

1.圖表容器樣式的修改:它透過grid屬性將grid變數綁定,grid中可以針對圖表容器的樣式進行修改,在這示範中使用show來顯示背景,再利用backgrou...

2019-10-12 ‧ 由 linchij 分享
DAY 27

Day27-v-charts/平均線&最大值

平均線&最大值 它透過mark-line屬性將markLine變數綁定,markLine中可以設定線的名稱以及類別;mark-point屬性將markP...

2019-10-13 ‧ 由 linchij 分享
DAY 28

Day28-v-charts/事件監聽

事件監聽 學會圖表生成後,接下來來介紹如何簡單地透過點擊圖表的方式來使用這些圖表中的資訊。它透過events屬性將chartEvents變數綁定,在chartE...

2019-10-14 ‧ 由 linchij 分享
DAY 29

Day29-v-charts/實作(1)

經過這幾十天來的介紹,現在就來利用vue&v-charts試做出一個簡單的網頁吧!1.在網頁中建立兩個input物件分別綁定cost、profit這兩個...

2019-10-15 ‧ 由 linchij 分享
DAY 30

Day30-v-charts/實作(2)

實作(2) 昨天完成了一個簡單的網頁畫面,今天就來將功能的部分完成吧!!! Save方法先利用Date物件將當日的日期轉化成固定格式-月-日,然後透過陣列的p...

2019-10-16 ‧ 由 linchij 分享