Jsf 素数图上的数字比例
当我们创建一个Jsf 素数图上的数字比例,jsf,charts,primefaces,Jsf,Charts,Primefaces,当我们创建一个primefaces图表时,它会以小数点显示数字刻度。我想像简单的字母一样不带小数点。有办法吗?谢谢更新: 虽然下面发布的解决方案仍然有效,但我找到了一个更合适的解决方案。数字刻度可以通过extender功能格式化: <p:barChart value="#{testClazz.categoryModel}" legendPosition="ne" widgetVar="barChartObj1" extender="ext1"/> 在页面
primefaces
图表时,它会以小数点显示数字刻度。我想像简单的字母一样不带小数点。有办法吗?谢谢更新: 虽然下面发布的解决方案仍然有效,但我找到了一个更合适的解决方案。数字刻度可以通过
extender
功能格式化:
<p:barChart value="#{testClazz.categoryModel}" legendPosition="ne"
widgetVar="barChartObj1" extender="ext1"/>
在页面上的
标记之间放置以下功能:
<script type="text/javascript">
function ext1() {
this.cfg.axes.yaxis.tickOptions = {
formatString : '%d'
};
}
</script>
函数ext1(){
this.cfg.axes.yaxis.tickOptions={
格式化字符串:“%d”
};
}
在对jqPlot进行了一点实验后,我发现如果在绘图完成后重置轴,小数点清除后的小数点将被重置。如果您的条形图定义如下:
<p:barChart id="basicPlot" value="#{testClazz.categoryModel}"
legendPosition="ne" widgetVar="barChartObj"
title="Basic Bar Chart" min="0" max="270"/>
页面加载完成后调用以下函数:
<script type="text/javascript">
$(document).ready( function() {
setTimeout(formatAxisNumbers, 500);
});
function formatAxisNumbers() {
window.barChartObj.plot.resetAxesScale();
window.barChartObj.plot.replot();
}
</script>
$(文档).ready(函数(){
setTimeout(数字,500);
});
函数formatAxisNumber(){
window.barChartObj.plot.resetAxesScale();
window.barChartObj.plot.replot();
}
请注意,您可以通过执行以下操作分别重置x轴或y轴,而不是使用resetaxescale
重置两个轴:
window.barChartObj.plot.axes.xaxis.resetScale()代码>
或
window.barChartObj.plot.axes.yaxis.resetScale()代码>
您还可以将超时时间减少到较小的数字,以实现更平滑的replot。
有关其他选项,请参见
在Google Chrome 22.0.1229.94(官方版本161065)中测试。更新:
虽然下面发布的解决方案仍然有效,但我找到了一个更合适的解决方案。数字刻度可以通过extender
功能格式化:
<p:barChart value="#{testClazz.categoryModel}" legendPosition="ne"
widgetVar="barChartObj1" extender="ext1"/>
在页面上的
标记之间放置以下功能:
<script type="text/javascript">
function ext1() {
this.cfg.axes.yaxis.tickOptions = {
formatString : '%d'
};
}
</script>
函数ext1(){
this.cfg.axes.yaxis.tickOptions={
格式化字符串:“%d”
};
}
在对jqPlot进行了一点实验后,我发现如果在绘图完成后重置轴,小数点清除后的小数点将被重置。如果您的条形图定义如下:
<p:barChart id="basicPlot" value="#{testClazz.categoryModel}"
legendPosition="ne" widgetVar="barChartObj"
title="Basic Bar Chart" min="0" max="270"/>
页面加载完成后调用以下函数:
<script type="text/javascript">
$(document).ready( function() {
setTimeout(formatAxisNumbers, 500);
});
function formatAxisNumbers() {
window.barChartObj.plot.resetAxesScale();
window.barChartObj.plot.replot();
}
</script>
$(文档).ready(函数(){
setTimeout(数字,500);
});
函数formatAxisNumber(){
window.barChartObj.plot.resetAxesScale();
window.barChartObj.plot.replot();
}
请注意,您可以通过执行以下操作分别重置x轴或y轴,而不是使用resetaxescale
重置两个轴:
window.barChartObj.plot.axes.xaxis.resetScale()代码>
或
window.barChartObj.plot.axes.yaxis.resetScale()代码>
您还可以将超时时间减少到较小的数字,以实现更平滑的replot。
有关其他选项,请参见
在Google Chrome 22.0.1229.94(官方版本161065)中测试