Charts p:条形图y轴格式
我使用primefaces 4.0条形图,但我想修改一些默认属性。这是我的xhtml页面Charts p:条形图y轴格式,charts,primefaces,jqplot,Charts,Primefaces,Jqplot,我使用primefaces 4.0条形图,但我想修改一些默认属性。这是我的xhtml页面 <p:barChart id="chart" value="#{marchebean.model}" legendPosition="ne" xaxisLabel="Année" yaxisLabel="Montant en DT" title="Factures payés par années" /> 第一个问题 您可以使用扩展器满足您的需求。 以下是Primefaces手册中有关扩展
<p:barChart id="chart" value="#{marchebean.model}" legendPosition="ne" xaxisLabel="Année" yaxisLabel="Montant en DT" title="Factures payés par années" />
第一个问题
您可以使用扩展器满足您的需求。
以下是Primefaces手册中有关扩展器的相关摘录:
3.14.15 Extender Chart API提供对常用jqplot选项的高级访问,但是还有更多的自定义选项
在jqplot中提供。扩展程序功能提供对低级API的访问
要通过增强配置对象进行高级定制,
下面是一个增加直线系列阴影深度的示例,其中
模型的扩展程序属性设置为“ext”
有关可用选项,请参阅jqPlot文档
注意:在Primefaces 4.0中,extender函数名作为组件标记的属性提供,例如
要使用空格作为分隔符,请使用以下扩展程序:
function ext() {
this.cfg.axes.yaxis.tickOptions = {
formatString: "%'i"
};
$.jqplot.sprintf.thousandsSeparator = ' ';
}
第二个问题
您还将设法在扩展器中进行一些调整。
例如,以下配置将在每个栏上方显示值:
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
pointLabels:{show:true}
},
只需使用一些CSS来更改大小
--
ZimMillandsParator就像一个魔咒。。。请查看修改后的问题..您可能需要在项目中添加
jqplot.pointLabels.js
文件。您将在上找到它,浏览到src/plugins。有更新吗?您能否告知其他Stackovernauts您是否成功地在条形图上方添加了值?我在css文件夹下添加了jqplot.pointLabels.js
,并在我的代码
结果中添加了以下行:字符消失!!您是否可以尝试不使用渲染器:$.jqplot.BarRenderer
?
function ext() {
//this = chart widget instance
//this.cfg = options
this.cfg.seriesDefaults = {
shadowDepth: 5
};
}
function ext() {
this.cfg.axes.yaxis.tickOptions = {
formatString: "%'i"
};
$.jqplot.sprintf.thousandsSeparator = ' ';
}
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
pointLabels:{show:true}
},