使用 d3-brush 後文字不見?了解 svg 的顏色設定
前陣子,在修資料視覺化的同學寫作業遇到了一個問題,幫他解決後發現裡面有不少東西可以記錄下來。 這一篇會分成三個部分 解決同學遇到的 bug:使用 d3-brush 後文字消失 了解 d3-brush 的行為 d3-axis 顏色的有趣發現 使用 d3-brush 後文字消失 我們要看的是下面這段程式,也可以到我的 observable 看 render 的結果。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.0.0/d3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3-brush/1.0.4/d3-brush.min.js"></script> </head> <body> <svg width="100" height="100"></svg> <script> const brush = d3....