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

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

要将 class 添加到所有元素，试试这个：

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

或者你可以触发所有元素的点击事件：

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

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

How to add a JQPlot class to hide all chart lines when page is loaded?

jquery

charts

primefaces

jqplot