如何更改图例位置？

我是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

如何更改图例位置？

回答

相关问题