搜尋此網誌

2023年11月30日 星期四

JavaScript Proxy 客製 Amchart 5 的 ForceDirected (二)

緣起:


    接續這篇,這邊要介紹的是,怎麼在 ForceDirected 的 LinkedHierarchyNode 裡面放圖片,並讓圖片的大小可以跟著圓圈的大小來變動,這也是我碰到的最大難題,因為我沒在 api 文件裡找到任何跟這個有關的功能。

    官方雖然有教如何在圓圈裡面放圖片,但放完圖片後,圖片的 size 不會隨著圓圈的大小來變動,所以只能自己再另尋方法。

    我把自己隨意畫的圓圈 png 圖傳到我作為 blogger CDN 的 github 專案,為了讓圖片更完美的切合 ForceDirected 的圓圈,所以圖片的長跟寬都是跟圓圈的直徑一樣。


 

2023年11月27日 星期一

JavaScript Proxy 客製 Amchart 5 的 ForceDirected (一)

緣起:


    前陣子有好長的一段時間都在弄 amchart 5 的 ForceDirected 圖表,為了就是要產生快速查詢的圖表


    弄了好幾個禮拜才完成,中間碰上不少問題,但大部份的需求都是多看看它們的 API、然後設定某個屬性就能達成了。唯有一個需求,它很麻煩,不是設個屬性就能解決的,而且 API 裡面根本也沒有相對應的設定可以控制,最後,我是用 JavaScript 的 Proxy 來達成這個需求。

    這次的季會,我需要上台報告,原本是想要分享之前前弄的 prismjs 美化 Blogger 裡面的 code,但後來協理跟我說,這個東西好像太簡單,而且好像在專案上的實用性也不高,請我換個主題,所以我才會開始寫這篇文章,想說,在這邊紀錄完後,再做 PPT 也會比較方便。

    這篇先簡單介紹 ForceDirected 的使用,下篇再介紹碰到的問題跟解決方法。

第一次弱掃修正

緣起:


    進公司以來,第一次碰上弱掃的問題,不久前其實有修過一次,但那次是網址的 parameter 相關處理,比較涉及公司程式碼底層,所以不太能寫上來,但第二次掃描掃出的問題,大部份都改一改 webconfig 就能解決了。

    我有去請教我們資深的工程師,他有給我現成的標準解法,照抄就行。想記錄一下這次碰上的問題,還有與之對應的解法。

2023年11月23日 星期四

ASP Texearea 的換行

緣起:


    不久前在弄國發會的案子,在弄後台文字編輯時,想要 Multiline TextBox 裡的文字在存進資料表裡的時候,能依照文字能按照畫面上的樣子,看起來斷行的地方有斷行。