如何更改圖例位置？

我是AngularJS的新手，我用NDV3製作了甜甜圈餅圖，只是想將傳說移到右側，但我無法得到它的工作。如何更改圖例位置？

現在我試圖通過使用legendposition將圖例移動到甜甜圈餅圖的右側，但它不起作用。？任何人都可以指導我如何做到這一點感謝

這裏是我的代碼：Plunker

來源

2015-08-18 Hassan

鏈接預覽從標題的問題無法訪問plunker。更好地在問題主體中添加鏈接。 –

@SameerK herehttp：//plnkr.co/edit/jOoJik？p =預覽 – Hassan

NVD3不支持更改圖例的位置的選項。您必須手動執行或修改源代碼。您當然也可以修改nv-legendWrap的CSS並嘗試定位圖例。

我找到了一個解決辦法，你可以通過重寫默認transform屬性與CSS的位置打球。第一個值是X位置，第二個值是Y位置。

.nv-series:nth-child(1){ transform: translate(0, 0); } 
.nv-series:nth-child(2){ transform: translate(0, 20px); } 
.nv-series:nth-child(3){ transform: translate(0, 40px); } 
.nv-series:nth-child(4){ transform: translate(0, 60px); } 
.nv-series:nth-child(5){ transform: translate(0, 80px); } 
.nv-series:nth-child(6){ transform: translate(0, 100px); } 
.nv-series:nth-child(7){ transform: translate(0, 120px); } 

.nv-legend{ transform: translate(350px, 100px); }

Here在你Plunker

來源

2015-08-18 11:01:51 Patrick2607

here legendPosition屬性正在運行http://krispo.github.io/angular-nvd3/#/donutChart – Hassan

編輯我的帖子，查看我的解決方法 – Patrick2607

@Patrik爲什麼legendposition不能在上面鏈接它的工作 – Hassan

如何更改圖例位置？

回答

相關問題