                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Html5
                        
                        /使用D3制作圖表

有什么方法可以讓標(biāo)簽的start和數(shù)軸的end對(duì)齊么？

在做x的標(biāo)簽的時(shí)候想到的問(wèn)題，最后這么完成的

//添加x軸標(biāo)簽

.append("text")

.text("Time(s)")

.attr("dx","23.5em")

//.attr("text-anchor","start")

? 不知道可以用方便的方法么？我這個(gè)23.5em是試出來(lái)的~

雨停江南

2015-09-25

源自：使用D3制作圖表 2-5

關(guān)注問(wèn)題我要回答

1348

操作

收起

2 回答

慕粉3343620
2016-07-19

.append("text")
.text("Time(s)")
.attr("dx",function(){return scale_x(data.length-2)})

用函數(shù)，返回?cái)?shù)組長(zhǎng)度的縮放（如果進(jìn)行了縮放，沒(méi)有就返回長(zhǎng)度），減去適量單位的長(zhǎng)度來(lái)給文字

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

慕粉3343620

.append("text") .text("Time(s)") .attr("text-anchor","end") .attr("dx",function(){return scale_x(data.length-1)}) 這樣寫(xiě)更好，就不用試減多少了，先給他設(shè)置末尾對(duì)齊，然后給它數(shù)組實(shí)際下標(biāo)最大值的縮放確定位置