具體方式:
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 個元素繫結的資料是 ...