![[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上 Tooltip](https://smlpoints.com/wp-content/uploads/notes-typescript-d3-js-vue-3-start-and-draw-bar-chart-1.png "[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上 Tooltip")
[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上 Tooltip
在幫 D3.js 繪製出來的長條圖，除了加上水平、垂直軸 ( X-Y Axis ) 外，再來加上比較麻煩的 Tooltip ( 提示視窗 )，也就是你在滑動到如 Read More …
標籤: d3.js
[筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)
幫 D3.js 繪製出來的長條圖，加上基本的水平、垂直軸 ( X-Y Axis ) 核心關鍵 1. 如果你是採取固定寬高度的版本的話，那只要確定寬高度實際範圍跟 Read More …
[筆記] TypeScript + D3.js + Vue 3 – 讓長條圖有 RWD 效果
用 D3.js 來畫製一個可以隨畫面變化的長條圖吧。 核心關鍵 1. 第一次載入時，繪製第一版，並留下原始目標 DIV 的寬度和高度資料。 2. 當畫面變化時， Read More …
[筆記] TypeScript + D3.js + Vue 3 – 初探 & 畫個長條圖
雖說先前用過 Chart.js 做過一些資料視覺化的東西(像是長條圖、折線圖…等)，也用它在專案上進行了不少的運用。不過這回要挑戰自由度更高的 D3 Read More …
