如何使用PrimeFaces设置ChartJS轴标签
我正在使用ChartJS附带的PrimeFaces 7 可以选择向图表本身和数据集添加标题/标签。但是,我找不到向轴添加标题/标签的方法。此外,在showcase上也没有关于如何执行此操作的示例: 我尝试使用extender函数,就像我们在旧版本的PF中使用旧JQPlot一样。因此,在JS函数中,我尝试配置标签,如下所示: 所以看起来是这样的: xhtml:如何使用PrimeFaces设置ChartJS轴标签,primefaces,chart.js,Primefaces,Chart.js,我正在使用ChartJS附带的PrimeFaces 7 可以选择向图表本身和数据集添加标题/标签。但是,我找不到向轴添加标题/标签的方法。此外,在showcase上也没有关于如何执行此操作的示例: 我尝试使用extender函数,就像我们在旧版本的PF中使用旧JQPlot一样。因此,在JS函数中,我尝试配置标签,如下所示: 所以看起来是这样的: xhtml: <script> function extender() { if (!t
<script>
function extender() {
if (!this.cfg.config.options) {
this.cfg.config.options = {}
}
var options = $.extend(true, {}, this.cfg.config.options);
options = {
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: 'test'
}
}],
xAxes: [{
scaleLabel: {
display: true,
labelString: 'test'
}
}],
}
};
$.extend(true, this.cfg.config, options);
};
</script>
而且:没有显示任何标签
我是不是遗漏了什么 我的JS函数不正确。下面的代码正在按预期工作:显示y轴标签
function extender1() {
var options = {
options: {
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Order amount'
}
}],
}
}
};
$.extend(true, this.cfg.config, options);
};
您也可以通过BarChartModel在Java代码中指定标签,出于某种原因,您是否尝试过这样做?我还尝试过在bean上设置Y轴标签:
BarChartOptions=new BarChartOptions();CartesianScales scales=新的CartesianScales();CartesianLinearAxes linearAxes=新的CartesianLinearAxes();linearAxes.setId(“左y轴”);linearAxes.设置位置(“左”);CartesianScaleLabel=新的CartesianScaleLabel();label.setLabelString(“测试”);linearAxes.setScaleLabel(标签);比例尺。添加的比例尺(线性比例尺);选项。设置刻度(刻度);barModel.setOptions(选项)代码>但它也不起作用。
function extender1() {
var options = {
options: {
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Order amount'
}
}],
}
}
};
$.extend(true, this.cfg.config, options);
};