d3中x軸資料名稱重複導致缺失的問題

2021-07-25 01:53:32 字數 411 閱讀 5288

具體方式:

x.domain(data)如果data中有重複的key值d3會忽略之後的資料,所以要保證data值唯一可以使用如下方式:

var x = d3.scale.ordinal()

.rangeroundpoints([0, width])

.domain((function

() //返回乙個長度陣列,保證了資料不重複[0,1,,n]

return t;

})())

/*......*/

var xaxis = d3.svg.axis()

.scale(x)

.ticksize(10, 0)

.tickformat(function

(d) )

d3的比例尺和座標軸

1.比例尺 比例尺的關鍵概念 定義域和值域,比例尺本質就是乙個函式。常用比例尺有 1.1 線性比例尺 d3.scale.linear 1.2 指數比例尺 d3.scale.pow exponent x x為指數 1.3 對數比例尺 d3.scale.log 1.4 量子比例尺 d3.scale.qu...

D3中的比例尺

比例尺是 d3 中很重要的乙個概念,上一章裡曾經提到過直接用數值的大小來代表畫素不是一種好方法,本章正是要解決此問題。1 vardataset 250,210,170,130,90 繪圖時,直接使用 250 給矩形的寬度賦值,即矩形的寬度就是 250 個畫素。此方式非常具有侷限性,如果數值過大或過小...

D3選擇元素和繫結資料

d3選擇 插入 刪除元素d3.select 是選擇所有指定元素的第乙個 d3.selectall 是選擇指定元素的全部pear banana d3繫結資料d3 中是通過以下兩個函式來繫結資料的 相對而言,data 比較常用。datum pear banana 其結果如下 第 0 個元素繫結的資料是 ...