加载页面时，如何添加JQPlot类以隐藏所有图表线？

Question

我的Primefaces JQPlot折线图应用程序中有太多系列，我想加载已经隐藏的折线图；然后，用户将单击所需的图例以在图表（see this example）中显示相应的行。

template.xhtml文件：

<h:body onload="HideSeries()" >
    <!-- [unrelevant code ommited] -->
</h:body>

<script>
    function HideSeries() {
        $('#chartsFormID\\:lineChartID').toggleClass('jqplot-series-hidden');
    }
</script>

我的index.xhtml文件：

<h:form id="chartsFormID" >
    <p:accordionPanel multiple="false" dynamic="true" cache="true" >
        <p:tab title="myTab title">
            <p:chart type="line" id="lineChartID" model="#{bean.myChart}" />
        </p:tab>
    </p:accordionPanel>
</h:form>

不幸的是，它不起作用。

任何人都可以帮我吗？

谢谢。

Answer 1

要将类添加到所有元素，请尝试以下操作：

$('tr.jqplot-table-legend td').toggleClass('jqplot-series-hidden');

或者您可以在所有元素上触发click事件：

$('tr.jqplot-table-legend td').trigger('click');