javascript - Primefaces饼图重叠数据标签

标签 javascript jsf-2 primefaces charts

我的 xhtml 代码是:

<p:pieChart id="custom" 
            value="#{facturationbean.pieModelPourcentage}" 
            legendPosition="e"  
            showDataLabels="true" 
            title="Facturation par client en %"    
            rendered="#{facturationbean.isNull}" extender="ext2" 
            style=" width: 400px; height: 300px;  font-size: medium; " />

<script>
    function ext2() {
       this.cfg.seriesDefaults.rendererOptions.dataLabelFormatString='%.3s%';
       this.cfg.seriesDefaults.rendererOptions.dataLabelThreshold=0.5;
       this.cfg.seriesDefaults.rendererOptions.dataLabelPositionFactor= 0.2;
       this.cfg.seriesDefaults.rendererOptions.dataLabelCenterOn=false;
    }
</script>

this picture show the overlap of data labels

我怎样才能从我的图表中删除这个问题?

欢迎所有建议。

最佳答案

越简单越好:

this.cfg.seriesDefaults.rendererOptions.dataLabelThreshold=2;

我相信它只会删除所有低于 2% 的值(value)标签 ;)

实际上缺少一些代码,或者至少是 。小心 ;)

关于javascript - Primefaces饼图重叠数据标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25991753/

相关文章:

javascript - 为什么 React Router 是一个 React 组件?

javascript - JS - 从字符串中删除每个关闭的 html 标签

java - 自定义 primefaces 日历 以自定义样式显示假期

jsf-2 - 无法动态设置组件标识符

javascript - 自定义图表需要更多帮助

javascript - 在 laravel 中将 html block 转换为图像

jsf-2 - <ui :include> with dynamic src . ..完全疯狂

jsf - 将RICHFACES添加到现有的JSF2项目

jsf - 未调用commandButton/commandLink/ajax操作/监听器方法或未设置/更新输入值

ajax - 仅在 Accordion Primefaces 的选项卡上更新