如何使用PrimeFaces设置ChartJS轴标签

如何使用PrimeFaces设置ChartJS轴标签,primefaces,chart.js,Primefaces,Chart.js,我正在使用ChartJS附带的PrimeFaces 7 可以选择向图表本身和数据集添加标题/标签。但是,我找不到向轴添加标题/标签的方法。此外,在showcase上也没有关于如何执行此操作的示例: 我尝试使用extender函数,就像我们在旧版本的PF中使用旧JQPlot一样。因此,在JS函数中,我尝试配置标签,如下所示: 所以看起来是这样的: xhtml: <script> function extender() { if (!t

我正在使用ChartJS附带的PrimeFaces 7

可以选择向图表本身和数据集添加标题/标签。但是,我找不到向轴添加标题/标签的方法。此外,在showcase上也没有关于如何执行此操作的示例:

我尝试使用extender函数,就像我们在旧版本的PF中使用旧JQPlot一样。因此,在JS函数中,我尝试配置标签,如下所示:

所以看起来是这样的:

xhtml:

<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);
        };