如何在 nvd3 中对齐饼图？代码：http://plnkr.co/edit/w0LewO7TmG6Lx3ALfwj8?p=preview

Question

我是 AngularJS 的新手，我想让 2 个饼图在所有方面（即大小）都相等，并将它们水平对齐。当我制作 2 个饼图时，它们垂直对齐 - 第一个饼图在一行，第二个在下一行。

如何水平对齐两个饼图并将它们绘制在同一行上？

Answer 1

试试这个：

<body ng-controller="MainCtrl">
    <div style="width:100%;">
      <div style="width:50%; float : left;">
        <nvd3 options="options" data="data"></nvd3> // first pie chart 
      </div>
      <div style="width:50%; float:right;"> 
        <nvd3 options="options" data="data"></nvd3> // second pie chart in same row
      </div>
    </div><br><a href="http://krispo.github.io/angular-nvd3/" target="_blank" style="float: right;">See more</a>
  </body>

如何在 nvd3 中对齐饼图？代码：http://plnkr.co/edit/w0LewO7TmG6Lx3ALfwj8?p=preview

How can aligned pie charts in nvd3? code: http://plnkr.co/edit/w0LewO7TmG6Lx3ALfwj8?p=preview

angularjs

pie-chart

nvd3.js