第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定

使用D3制作圖表

LuckyYang 其它
難度中級
時(shí)長 1小時(shí)52分
學(xué)習(xí)人數(shù)
綜合評分9.47
36人評價(jià) 查看評價(jià)
9.9 內(nèi)容實(shí)用
9.3 簡潔易懂
9.2 邏輯清晰

講師回答 / LuckyYang
調(diào)整位置可以用三種方式,你嘗試一下:- .attr("x", "1em")指定x 軸方向的位置- .attr("dx", "1em")指定x 軸方向的偏移-?.attr("text-anchor","end"),end 也可以替換為 start

講師回答 / LuckyYang
看一下這個(gè)文檔就知道了:https://github.com/mbostock/d3/wiki/Selections#data

講師回答 / LuckyYang
那樣做為了生成數(shù)學(xué)坐標(biāo)系下的矩形(rect),svg 函數(shù)中生成矩形需要知道幾個(gè)變量:- 起始點(diǎn)坐標(biāo)(x,y) 這里的 y 就是你問的- 矩形寬度- 矩形高度

已采納回答 / 悠然的夜色
transform:rotate(7deg);-ms-transform:rotate(7deg); ?/* IE 9 */-moz-transform:rotate(7deg); ? /* Firefox */-webkit-transform:rotate(7deg); ?/* Safari 和 Chrome */-o-transform:rotate(7deg); ?/* Opera */

講師回答 / LuckyYang
D3更靈活,你可以使用 D3做任何東西,不限于圖表

講師回答 / LuckyYang
http://codepen.io/luckyyang/pen/yubrv http://codepen.io/luckyyang/pen/lDcAF http://codepen.io/luckyyang/pen/CFJvw 這三種數(shù)據(jù)都不是使用數(shù)據(jù)文件的,你看看能不能幫助到你?

講師回答 / LuckyYang
https://github.com/luckyyang/d3graphs 都在這里了,因?yàn)闀r(shí)間久了,如果代碼有什么出入,隨時(shí)告訴我,謝謝哈

已采納回答 / 程序媛ing
最后一行.attr("d",line_generator(data))中已經(jīng)定義了,d代表著path的軌跡,d的值是用函數(shù)line_genrator()將數(shù)組data的數(shù)據(jù)傳進(jìn)來的。也就是說d的值就是數(shù)組的值。至于i,這個(gè),我也在思考

講師回答 / LuckyYang
你通過dev tool 看一下,應(yīng)該是添加了兩個(gè)g元素

講師回答 / LuckyYang
@曖月的貓?我這ubuntu+chrome沒問題。如果你在chrome的developer tools下把你后添加的那個(gè)節(jié)點(diǎn)刪除,svg的尺寸會恢復(fù)為0*0么?

講師回答 / LuckyYang
其實(shí)還是沿著y軸平移的,看起來沿著x軸平移,是因?yàn)槲疑厦姘盐淖帜鏁r(shí)針旋轉(zhuǎn)了90度(rotete(-90))

講師回答 / LuckyYang
web項(xiàng)目里可以使用json來提供數(shù)據(jù),需要在server端提供json數(shù)據(jù),用d3去讀取??梢詤⒖糷ttp://money.haoqicat.com?這個(gè)項(xiàng)目

講師回答 / LuckyYang
參考:http://money.haoqicat.com/代碼在這里:https://github.com/luckyyang/haoqicat-money/blob/master/index.html#L157-L170

講師回答 / LuckyYang
<div id="linechart">? <svg>line chart is here</svg></div><div id="areachart">? <svg>area chart is here</svg></div>比如上面的兩個(gè)div,分別對應(yīng)了line chart 和 area chart,你首先給每個(gè)div定位好,那里面的svg就相對你的div定位了。應(yīng)該是這樣的,你可以試試
課程須知
有html,css和javascript基礎(chǔ)的同學(xué)學(xué)習(xí)這門課程會比較容易一些。沒有基礎(chǔ)的同學(xué),也可以通過課程里面的例子加深自己對相關(guān)知識的理解。
老師告訴你能學(xué)到什么?
如何使用select和selectAll選擇DOM元素、如何使用append添加DOM元素、如何使用line,area等方法生成圖表曲線、如何使用數(shù)據(jù)文件讓我們的圖表可以隨著數(shù)據(jù)變化而動(dòng)態(tài)更新。

微信掃碼,參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費(fèi)2個(gè)積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消