并排显示饼图

时间:2014-05-05 19:17:06

标签: angularjs angularjs-directive nvd3.js

使用angularjs-nvd3-directives如何并排显示两个(或更多)饼图(而不是另一个)?解决方案应该是声明性的(即不使用<table>)。

以下是示例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>

enter image description here

1 个答案:

答案 0 :(得分:3)

检查您对plunk here

的修改

这个想法是你可以并且有时必须将样式设置为自定义指令