D3js畫的折線圖 #1 Intro

Winsome on 2020-03-17 Tue

Intro

這次來做折線圖,呈現彭政閔職棒生涯每年的全壘打數

大綱

這個系列總共有四篇

  1. Intro
  2. 恰恰每年的全壘打數
  3. 滑鼠在哪線在哪
  4. 補個提示資訊框

數據哪裡來

台灣棒球維基版-彭政閔-職棒生涯成績

參考

Favorite tooltip (complex version)
Line Chart with Tooltip

使用技術

  • D3js
  • ReactJs with Typescript

source code