數(shù)據(jù)可視化d3.v4.js

var width = 300; //畫布的寬度

var height = 300; //畫布的高度

var svg = d3.select("#app") //選擇文檔中的元素

.append("svg") //添加一個svg元素

.attr("width", width) //設(shè)定寬度

.attr("height", height); //設(shè)定高度

var dataset = [ 250 , 210 , 170 , 130 , 90 ];

var rectHeight = 25; //每個矩形所占的像素高度(包括空白)

svg.selectAll("rect")

? .data(dataset)

? .enter()

? .append("rect")

? .attr("x",20)

? .attr("y",function(d,i){

return i * rectHeight;

? })

? .attr("width",function(d){

? return d;

? })

? .attr("height",rectHeight-2)

? .attr("fill","steelblue");

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末绒净,一起剝皮案震驚了整個濱河市管钳,隨后出現(xiàn)的幾起案子缀去,更是在濱河造成了極大的恐慌,老刑警劉巖锰茉,帶你破解...
    沈念sama閱讀 221,548評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異切心,居然都是意外死亡飒筑,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評論 3 399
  • 文/潘曉璐 我一進(jìn)店門绽昏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來协屡,“玉大人,你說我怎么就攤上這事全谤》粝” “怎么了?”我有些...
    開封第一講書人閱讀 167,990評論 0 360
  • 文/不壞的土叔 我叫張陵认然,是天一觀的道長补憾。 經(jīng)常有香客問我,道長卷员,這世上最難降的妖魔是什么盈匾? 我笑而不...
    開封第一講書人閱讀 59,618評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮毕骡,結(jié)果婚禮上削饵,老公的妹妹穿的比我還像新娘。我一直安慰自己挺峡,他們只是感情好葵孤,可當(dāng)我...
    茶點故事閱讀 68,618評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著橱赠,像睡著了一般尤仍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狭姨,一...
    開封第一講書人閱讀 52,246評論 1 308
  • 那天宰啦,我揣著相機(jī)與錄音苏遥,去河邊找鬼。 笑死赡模,一個胖子當(dāng)著我的面吹牛田炭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播漓柑,決...
    沈念sama閱讀 40,819評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼教硫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了辆布?” 一聲冷哼從身側(cè)響起瞬矩,我...
    開封第一講書人閱讀 39,725評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎锋玲,沒想到半個月后景用,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,268評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡惭蹂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3 340
  • 正文 我和宋清朗相戀三年伞插,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片盾碗。...
    茶點故事閱讀 40,488評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡媚污,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出置尔,到底是詐尸還是另有隱情杠步,我是刑警寧澤,帶...
    沈念sama閱讀 36,181評論 5 350
  • 正文 年R本政府宣布榜轿,位于F島的核電站幽歼,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏谬盐。R本人自食惡果不足惜甸私,卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望飞傀。 院中可真熱鬧皇型,春花似錦、人聲如沸砸烦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽幢痘。三九已至唬格,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背购岗。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1 272
  • 我被黑心中介騙來泰國打工汰聋, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人喊积。 一個月前我還...
    沈念sama閱讀 48,897評論 3 376
  • 正文 我出身青樓烹困,卻偏偏與公主長得像,于是被迫代替她去往敵國和親乾吻。 傳聞我的和親對象是個殘疾皇子髓梅,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,500評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 一.D3.js 概述 1.D3 是什么D3 的全稱是(Data-Driven Documents),翻譯過來就是一...
    nightZing閱讀 25,011評論 0 8
  • 這里講一下怎么樣用d3.js溶弟,輸入一個數(shù)據(jù)list女淑,根據(jù)數(shù)據(jù)畫一個帶有坐標(biāo)軸的簡單直方圖.以下是目標(biāo)效果. 直方圖...
    Kaidi_G閱讀 4,824評論 1 3
  • 1. tab列表折疊效果 html: 能源系統(tǒng)事業(yè)部 崗位名稱: 工作地點 崗位名...
    lilyping閱讀 1,871評論 0 1
  • 《ijs》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,189評論 0 7
  • 在外求學(xué)七載,家鄉(xiāng)只有冬夏辜御,沒有春秋。 離開校園后屈张,多少人的家鄉(xiāng)變成故鄉(xiāng)擒权,故鄉(xiāng)又成了他鄉(xiāng)。 對于家鄉(xiāng)阁谆,似乎總要在家...
    Matrix成長閱讀 391評論 0 1