並排顯示餅圖

使用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

來源

2014-05-05 okigan

Checkout的普拉克的這種修改here

的想法是，你可以，有時必須設置樣式爲自定義指令

來源

2014-05-05 19:48:50 Armen

獲取答案的核心：nvd3餡餅-chart style =「display：inline-block」 – okigan

並排顯示餅圖

回答

相關問題