Show pie chart side by side

Question

Using angularjs-nvd3-directives how to show two (or more) pie charts side by side (instead of one under another)? Solutions should be declarative (ie. without using <table>).

Here is example http://plnkr.co/edit/A5B47PNyzBiS5oj0L8bp?p=preview.

<nvd3-pie-chart
    data="exampleDataPieChart"
    id="toolTipExample1"
    x="xFunction()"
    y="yFunction()"
    width="250"
    tooltips="true">
</nvd3-pie-chart>

<nvd3-pie-chart
    data="exampleDataPieChart"
    id="toolTipExample2"
    x="xFunction()"
    y="yFunction()"
    width="250"
    tooltips="true">
</nvd3-pie-chart>

Answer 1

Checkout this modification of your plunk here

The idea is that you can and sometimes MUST set styles to custom directives