如何在jsf页面中显示javascript动态生成的图像？

使用JSF和PrimeFaces，我尝试使用java脚本外部库（Highcharts）来显示动态生成的图像。图像使用的数据是从数据库加载的。图像应每n秒刷新一次

在JSF中，我知道我可以通过

但是我必须以某种方式输入参数，以便适当地显示这个函数。我知道可以从RequestContext调用execute（），但我不知道如何显示以这种方式生成的图像。如果我知道我可能会使用p:poll来刷新它。我在网上搜索过，但找不到合适的解决办法。 如有任何建议，将不胜感激

编辑：

按照BalusC的建议，经过一些挖掘，我成功地创建了适合我的东西（简单地说，就是在xhtml中访问javascript代码中的bean字段和方法）。在XHTML中，我将：

<script>
    //<![CDATA[
        $(function () {
            $('#container_portfolio').highcharts('StockChart', {
                chart: {
                    alignTicks: false
                },

                rangeSelector: {
                    inputEnabled: $('#container').width() > 480,
                    selected: 1
                    },

                    title: {
                        text: ''
                    },

                    series: [{
                        type: 'column',
                        name: 'Volatility',
                        data: #{statisticsView.getStatistic()},
                        dataGrouping: {
                            units: [[
                                'week', // unit name
                                [1] // allowed multiples
                            ], [
                                'month',
                                [1, 2, 3, 4, 6]
                            ]]
                        }
                    }]
                });
            });
    //]]>
</script>

// 480,
选定：1
},
标题：{
文本：“”
},
系列：[{
键入：“列”，
名称：“波动性”，
数据：#{statisticsView.getStatistic（）}，
数据分组：{
单位：[[
'周'，//单位名称
[1] //允许的倍数
], [
“月”，
[1, 2, 3, 4, 6]
]]
}
}]
});
});
//]]>

---

上述函数工作正常，并给出了我所期望的结果。不过，我想插入许多类似的电话。是否有可能将它们提取到单独的文件中？这将极大地提高代码的可管理性。提前感谢。

这与使用纯HTML时没有什么不同。在这个问题的上下文中，JSF仅仅是一个HTML代码生成器（您可能已经知道，JavaScript作为客户端语言只是HTML的一部分）。您只需要相应地编写JSF代码，以便它生成所需的HTML。所以，如果你能弄清楚生成的HTML应该是什么样子，而你不知道如何编写JSF，让它生成准确的HTML，那么就在这里询问，以及所需的HTML输出，这样我们就可以开始了。一般来说，这一行你加载文件，但你需要在任何地方调用javascript函数。