BLOG LISTAngularlife17Apr 2020口罩地圖契機因為 NOVID-19 (武漢病毒) 造成了全世界的罩慌，使得口罩供不應求在這此時[The F2E - 前端修練精神時光屋](https://www.facebook.com/groups/173 READ MORE D313Apr 2020D3 長條圖繪製 ( Bar Chart )這次我們來繪製的是橫條圖！ 先準備一筆簡單的資料```jsdata = [ { label: '2011', value: 45, }, { label: '2012', READ MORE AngularagGrid28Mar 2020agGrid 介紹agGrid 是個非常強大的表格套件在撰寫上 大部份都是使用配置的概念做設定在一開始 agGrid 分別做了 Grid Interface 與 Column Interface 兩大接口所有的設定就從 READ MORE RxJS27Mar 2020RxJS 概念Observable 可觀察物件連續性發生的資料 (主體) ，沒有寫 subscribe 是不會被執行的要下了後才會被啟動 在執行過程中 隨時可以中斷行為```jsvar click$ = fromE READ MORE D328Oct 2019D3 資料綁定與更新玩 d3 一定要了解的 d3 的資料綁定機制不然要怎麼讓畫面跑出來呢 XDDD data 與 datum 差別當我有一組的資料 想讓圖表依續產生時 就會用到 data 或 datum 將資料傳入 以便 READ MORE AngularagGrid19Oct 2019更改 ag-grid 資料欄位顯示 ( ag-grid component )在 gridOptions 加上 frameworkComponents```jsgridOptions = { frameworkComponents: { customizedCompon READ MORE D305Oct 2019D3 v5 與 v3 差異最近因為專案需求 需要用到 D3 來畫圖表而公司用的是 v5 版本 (v4 以上的版本已不相容以下版本)剛開始初入 D3 的我 像個無頭蒼蠅般 先隨意的找了網路上的範例來練習寫了幾行 code 後 發 READ MORE Hexo05Oct 2019hexo：Next 一鍵複製程式碼最近發現新版 Next 7 版有支援一鍵複製程式碼的功能之前還傻傻的自己套`clipboard.js` 來用 想不到早就有內建了 XDDD 開啟一鍵複製功能只要到 `_config.yml` 裡 的 READ MORE Angular01Oct 2019新工作 新生活到職滿三個月，就來說說這三個月帶給我的改變通勤時間變短了 有別於過去火車捷運通勤 現在轉變為機車一族餐費變少了 由於公司有提供公司餐，能用少少的費用吃到飽飽的一餐再來就是工作上所使用到的技術 也是跟過 READ MORE D330Sep 2019D3 序數比例尺 scaleBandD3 的坐標不是只有數字，有時後也會用到除了數字以外的非連續性坐標這時後就有了scaleBand 序數比例尺在這部份 v3 跟 v4 的版本寫了 有蠻大的落差而我是從 v5 才開始真正的接觸到 d3 READ MORE PREV 1234511 NEXT