您好我使用PrimeFaces库创建BarChart但我遇到了以下问题。我的条形图中有一些非常高的值,有些非常低。我的栏上有一个点击操作,打开一个对话框。但对于较小的值,如下面的4,30。我无法执行此操作。有没有办法可以点击数字并在主要面孔中创建一个对话框。以下是我的条形图的代码。
<div id="chartrow" class="ui-grid-row">
<p:chart id="usageChart" style="height: 550px" type="bar" model="#
{usagemanager.barModel}">
<p:ajax event="itemSelect" listener="#{usagemanager.itemSelect}"
oncomplete="PF('outputDialog').show()" update=":usageForm:dialog"/>
</p:chart>
</div>
我在javascript中使用以下方法作为扩展程序:
function barChartExtender() {
// this = chart widget instance
// this.cfg = options
this.cfg.seriesDefaults.rendererOptions.varyBarColor = true;
this.cfg.grid = {
background: 'white',
drawGridLines: true
};
this.cfg.highlighter={
show: true,
tooltipAxes: 'y',
useAxesFormatters: false,
tooltipFormatString: "%d"
};
}
知道条形图中条形图上的标签类是jqplot-point-label我能够使用jquery生成一个click事件。
$=jQuery;
$(document).on('click',".jqplot-point-label",function() {
alert("456");
});
现在我需要在此调用JSF ajax事件来完成我的工作。那么有没有一种方法可以做到这一点。