2017-07-17 90 views
0

有誰知道如何在圖表頂部放置保證金?我不知道這是可能的還是一個錯誤。NVD3圖表上的保證金

我已經試過修改.margin({top: x, right: x, bottom: x, left: x}),但這不是我要找的邊距。設置chart.yDomain()不好,因爲我希望圖表重新縮放。

enter image description here

編輯

我的興趣是,linewithfocuschart重新調整,不只是強制域。

+0

你可以把你的代碼放在小提琴上,以便人們給你提供幫助。 – shabeer90

+0

在網站本身的例子中:http://nvd3-community.github.io/nvd3/examples/lineWithFocusChart.html –

+0

削減最高點的原因是yAxis規模的域是從您的數據計算出來的。如果您需要保證金,則需要明確設置yAsix比例的域,即使您不想這樣做。 – Felix

回答

0

問題似乎是當工具提示出現在圖表的最高點時。也許是一個錯誤,不是很確定。

但這裏的做這件事的一種方式,可能不是最好的辦法:

chart.forceY([0,160]); 

通過觀察圖表我假設140是您圖表的最高值。所以我強制圖表上的Y axis顯示0-160之間的值。


UPDATE

早些時候,我建議選用chart.forceY([0,160]);爲周圍的工作,以增加利潤率的圖表頂部,這樣的工具提示顯然是最高點可見。雖然這種方法只改變了主圖表而不是對焦圖表。

經過進一步調查,我發現,你可以使用以下方法來重新調整圖表和重點:

chart.lines.forceY([0, yMax]) 
chart.lines2.forceY([0, yMax]) 

這裏有一個NVD3 lineWithFocusChart使用的working example()。我的代碼的line 15中也動態地獲得了yMax

希望它有幫助

+0

但我使用linewithfocuschart,如果我強制Y的rescale不會工作。 –

+0

@RaphaelSampaio,我已經更新了我的答案,其中使用了'forceY'和** lineWithFocusChart ** – shabeer90

+0

當您強制使用域時,焦點不會重新調整[示例](http://imgur.com/7kFYNrm),這就是問題所在。 –