第三章 d3數據

1 js數組方法

1. JavaScript中修改數組自身的方法:
2.JavaScript中數組的存取方法:
3.JavaScript中數組的迭代方法:

2 d3數組方法

計算類

d3.min(array) 獲取最小值
d3.max(array) 獲取最大值
d3.extent(array) 獲取極值[最小值,最大值]
d3.sum() 計算和
d3.mean() 獲取數組的均值
d3.median() 獲取數組的中位數
d3.quantile() 類似比例尺計算

var a = [0, 10, 30];
d3.quantile(a, 0); // 0
d3.quantile(a, 0.5); // 10
d3.quantile(a, 1); // 30
d3.quantile(a, 0.25); // 5
d3.quantile(a, 0.75); // 20
d3.quantile(a, 0.1); // 2

d3.variance() 求方差
d3.deviation() 求標準差

查找類

d3.scan()
d3.d3.bisectLeft(array, x[, lo[, hi]]) 返回x在數組中應該被插入的位置并保證數組的有序性,如果數組中已經存在x,則插入點的位置位于這個已經存在的元素之前
d3.bisect()
d3.bisectRight() 與bisectLeft類似, 但是插入點的位置是從右向左計算的.
d3.bisector()

數組變換

d3.cross()
d3.shuffle(array) 將數據重新隨機
d3.pairs(array)

d3.pairs([1, 2, 3, 4]); // returns [[1, 2], [2, 3], [3, 4]]

d3.permute(arrayA,arrayB) 根據指定索引數組,返回排序后的數組

d3.permute(["a", "b", "c"], [1, 2, 0])  // ["b", "c", "a"].

d3.ticks(start, stop, count) 在start和stop之間計算出一個等間隔的、精確的刻度序列
d3.tickStep(start, stop, count)根據start和stop以及count返回刻度的間隔大小
d3.range([start, ]stop[, step])

d3.range(0, 1, 1 / 49); // BAD: returns 50 elements!
d3.range(49).map(function(d) { return d / 49; }); // GOOD: returns 49 elements.

d3.transpose() 使用zip操作進行矩陣轉置.
d3.zip() 數組重合并

d3.zip([1, 2], [3, 4]); // returns [[1, 3], [2, 4]]

3 d3數據類型

4 d3數據格式化

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • PHP常用函數大全 usleep() 函數延遲代碼執行若干微秒。 unpack() 函數從二進制字符串對數據進行解...
    上街買菜丶迷倒老太閱讀 1,390評論 0 20
  • 數組是一種可變的、可索引的數據集合。在Scala中用Array[T]的形式來表示Java中的數組形式 T[]。 v...
    時待吾閱讀 995評論 0 0
  • php usleep() 函數延遲代碼執行若干微秒。 unpack() 函數從二進制字符串對數據進行解包。 uni...
    思夢PHP閱讀 2,025評論 1 24
  • 一、D3基礎 1. D3是什么 D3(Data-Driver Documents,數據驅動文檔)是基于數據來操作文...
    JunChow520閱讀 552評論 0 0
  • 照片的色彩主要影響圖片要傳遞的感覺,有的時候,我們需要調整這個色調感覺的強度,讓整體的印象近貼近我們心中的設計。低...
    云兮云兮閱讀 1,361評論 0 5