原创 js Object屬性及方法的理解
前言 一下僅個人的理解。還是特別前調一下，因爲內容中涉及大量我以爲別人的想法，但或許是我人傻理解成了別人是那麼種想法 關於Object，簡單的理解可以解釋爲封裝對象，擁有屬性和方法。比如對象：貓，屬性：體重，方法：喫； 那麼j
2020-07-03 21:54:13
原创 js 獲取元素寬度的幾種方法
獲取元素 //1、jQuery $("#" + loading_lh._svgid); //2、D3.js d3.select("#" + loading_lh._svgid)[0][0]; //2017-05-27修改
2020-02-25 21:54:01
原创 d3.js d3.scale.ordinal() --詳解 rangeBands
d3.scale.ordinal() –詳解 rangeBands @(d3_v3)[scale, ordinal, 參數說明] 取自API文檔的解釋圖 可以看出range內包括Step單元N個（取決於domain數組個數
2018-08-25 03:45:32
8
原创 js實現螺旋矩陣算法
Q:用0-9填充一個N*N的矩陣，該矩陣按順時針旋轉方向依次增大，用js編程輸出這個數組。要求如下： [0, 1, 2, 3, 4] [5, 6, 7, 8, 5] [4, 3, 4, 9, 6] [3, 2,
2018-08-25 03:45:32
原创 d3.js:數據轉換篇（二）Associative Arrays（關聯數組)篇----v3
Associative Arrays（指令）篇 三個針對於object的API；我個人傾向於處理array結構的數據，幾乎沒用過這三個API； d3.keys(object):返回array，其內容爲object的所有key d3.
2018-08-25 03:45:32
2
原创 D3.js symbol 符號生成器
d3.svg.symbol() API中文手冊裏突然沒了這部分內容，還好之前用過。 簡單的記一下用法 line.symbol = d3.svg.symbol() .type
2018-08-25 03:45:32
5
原创 NPM更新
查看當前版本並下載 //查看當前版本 npm -v //查看所有版本 npm info *** //更新版本 npm -g install npm@*.*.* //疑似當前版本可用版本 //npm view *** version np
2018-08-25 03:45:32
原创 HTML SVG 路徑
首先 之前是查過相關資料的，但是後來修改需求時又涉及到路徑，又得回頭重查，可怕的是這個知識點的名字都記不起來了。所以還是靜下來記錄一下 //路徑格式 ret.push("M", sx, sy, "A", ir * rx, ir * ry
2018-08-25 03:45:31
原创 學習：Canvas基本用法
前言 接觸svg一段時間了。慢慢的覺得還是要學習一下canvas（其實是看粒子效果都是canvas，svg上加canvas實現粒子效果，所以沒辦法懶了）網上的教程不少還是按個人習慣記錄一下。 MDN中的canvasAPI文檔：http:
2018-08-25 03:45:31
原创 d3js:Brush v3 VS v4
V3版本 API d3.svg.brush() 創建brush.默認x.y比例關聯。extent 爲空 brush(selection) brush.x([scale]) 獲取或設置x關聯比例 brush.y([scale]
2018-08-25 03:45:31
原创 D3JS：餅圖 Label顯示重疊的幾種破法
分析 餅圖的label有內置和外置的情況。 內置 暫無 外置 困擾 label 的文本長度 數據跨度過大時，小數據對應弧度過小 所收集的解決方案 內置 暫無 外置 簡單處理http://jsfidd
2018-08-25 03:45:31
10
原创 D3.JS: 在SVG中使用d3創建HTML標籤
原鏈接 https://www.safaribooksonline.com/blog/2014/03/20/create-html-labels-svg-using-d3/ 爲什麼想用HTML標籤 d3對於文本的處理雖然有很多屬性但是絕大
2018-08-25 03:45:30
原创 D3.js pie v3 VS v4
v3-API d3.layout.pie 創建pie佈局 pie.startAngle([angle]) 設置起始角度。默認從12點鐘開始。path默認從3點鐘方向 【angle】： Math.Pi / 180 pie
2018-08-25 03:45:30
1
原创 D3.js V4 : scale - scaleOrdinal
v4 的優點在於API劃分更細緻； scale 劃分的太細緻了。。只好一步步的寫 [TOC] 2017-05-22： 真不知道我寫了些啥。。。錯別字、語義不通；錯了一堆。有時間再改改 d3.scaleOrdinal(): AP
2018-08-25 03:45:30
原创 D3.js Array V4
統計 (Statistics) d3.min(array[,accessor]):獲取數組中最小值 var array1 = [10,20,30,2,4,15]; var array2 = ["10","20","30","2","4"
2018-08-25 03:45:30
20