原创 js scroll相關內容

前言 看下面這段代碼： <div class="parent" style="height:200px;overflow:auto;background-color:yellow;"> <div class="children" s

2018-12-19 20:15:06 2

原创 reactjs單頁應用同級路由切換scrollTop

問題： 單頁應用開發時，當在A頁面滾動滾動條後，點擊進入B頁面，滾動條保持在A頁面的滾動位置。 目標： 同級路由切換時，滾動條回滾到頁面頂端。 解決方案： //在componentDidMount週期添加scrollTo() class

2018-12-19 16:54:36 2

原创 d3入門篇（四）：繪製完整柱狀圖添加過渡效果

這篇學習筆記是入門篇的最後一部分，將前幾篇的內容整合到一起，繪製帶過渡效果的柱狀圖，這次先給大家看一下結果圖。 結果 前言 先放結果圖是想反饋一下在整合基礎知識繪製完整柱狀圖遇到的幾個問題： 整個柱狀圖的佈局，比如哪些元素包在一個<g>

2018-12-18 16:15:07 4

原创 d3比例尺座標軸

這篇文章繼續介紹d3的基礎知識 比例尺 在繪製柱狀圖時，我們往往會定義很大的畫布，然而我們要可視化的數據確很小，這時會出現很多留白 的情況。爲了根據顯示刻度靈活變化寬高，而不是定死，特別是數據差異性很大的時候，我們希望圖表 顯示範圍都在畫布

2018-12-14 11:45:05 1

原创 d3繪製基本的柱形圖的實現代碼

柱形圖是圖表中常見的一種，這篇文章主要介紹了d3繪製基本的柱形圖的實現代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧 柱形圖，是使用柱形的長短來表示數據變化的圖表，也是最簡單的圖表

2018-12-13 16:23:17 2

原创 d3入門基礎知識

安裝 d3.js就是一個js的庫，不需要安裝，可下載文件或直接引用網絡鏈接。 <script src="http://d3js.org/d3.v3.min.js"></script> 示例 <p class=“firstElement”>

2018-12-11 10:52:38