Question

我正在使用ChartJS随附的PrimeFaces 7。

有一些选项可以为图表本身以及数据集添加标题/标签。但是，我找不到将标题/标签添加到轴的方法。展示柜上也没有有关如何执行此操作的示例：https://www.primefaces.org/showcase/ui/chartjs/

我尝试使用扩展器功能，就像我们在PF的旧版本中使用旧的JQPlot一样。因此，在JS函数上，我尝试按如下所示配置标签：https://www.chartjs.org/docs/latest/axes/labelling.html

所以看起来像这样：

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>

Java Bean：

barModel = new BarChartModel();
barModel.setExtender("extender");

而且：没有标签显示。

我在这里错过了什么吗？

Answer 1

我的JS函数不正确。下面的代码现在可以正常工作：正在显示y轴标签。

function extender1() {

               var options = {

               options: {
                      scales: {
                        yAxes: [{
                          scaleLabel: {
                            display: true,
                            labelString: 'Order amount'
                          }
                        }],
                      }
                    }                  
            };
               $.extend(true, this.cfg.config, options);
        };

如何使用PrimeFaces设置ChartJS轴标签

1 个答案: