如何使用巨大的图例绘制primefaces饼图?

时间:2015-10-29 13:46:10

标签: jsf-2 primefaces jqplot pie-chart

我想绘制一些带有巨大传说的饼图,但我无法在pieChart的背景中调整黄色面板的大小。

有没有办法调整黄色面板的大小以放置下面的图例而不调整饼图本身的大小?

没有图例的饼图: enter image description here

带有图例的饼图: enter image description here

在这里,我告诉你我的饼图代码(我正在使用primefaces 4.0):

<p:panel style="width: 600px; height:500px;">
    <p:pieChart value="#{pieModel.value}" title="#{pieModel.key}" showDataLabels="true" extender="pieExtender" legendPosition="s" legendCols="6" />
</p:panel>

我尝试使用面板样式,但它没用。

编辑(在kukeltje评论之后):

我在jqPlot文档中搜索过,但我找不到任何东西。更改此面板大小的jqplot属性是什么。或者我可能需要延期?不知道。请给我举个例子......我刚刚找到了一种在鼠标悬停时显示标签的方法,我发现它可能类似,但不会出现在背景板尺寸上:

<script type="text/javascript">
    function pieExtender() {
        this.cfg.highlighter = {
            show: true,
            tooltipLocation: 'n',
            useAxesFormatters: false,
            formatString: '%s = %d'
        };
    }
</script>

1 个答案:

答案 0 :(得分:0)

我已经解决了定义图表样式的问题,我必须计算图例的大小,将宽度和高度带到pieChart组件:     

这不是最好的解决方案,因为很难计算精确的面板大小以保持饼图大小没有图例,但至少我可以保持饼图可见......