制作barchart jqplot-point-label可点击的primefaces

时间:2017-09-25 19:43:06

标签: primefaces javascript-events bar-chart jqplot

您好我使用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事件来完成我的工作。那么有没有一种方法可以做到这一点。

Image of the bar chart

0 个答案:

没有答案