HighCharts-基于页面隐藏系列？

我使用highcharts在我的网站上创建各种产品功能的比较。我的一个主要图表有45个系列，每个系列对应一个特定类别的产品。在我的网站首页上，图表加载时默认显示所有系列。但是，当查看任何特定产品页面（图表上可见的45种产品中的任何一种）的页面时，我希望只有该特定产品的系列是默认可见的，其余的是隐藏的

现在，我知道我可以使用“visible:false”来隐藏系列，但是这似乎仍然需要我为45种产品中的每种产品都有一个单独的highcharts图表，这似乎是浪费空间/时间，因为这45种图表之间的唯一区别是隐藏/可见系列。有人知道如何（如果可能的话）使图表系列的可见性设置取决于图表加载的页面吗

为了更清楚地说明我的意思，假设我有一张包含两个系列的图表：

        name: 'Product 1',
        data: [X, Y, Z],

        }, {
        name: 'Product 2',
        data: X, Y, Z],

现在，如果我们在“产品1”的产品页面上，我想让图表显示：

        name: 'Product 1',
        data: [X, Y, Z],

        }, {
        name: 'Product 2',
        data: X, Y, Z],
        Visible: false

如果我们在“产品2”页面上，当然应该是：

        name: 'Product 1',
        data: [X, Y, Z],
        Visible: false

        }, {
        name: 'Product 2',
        data: X, Y, Z],

当然，这是自动的，我不必为每一张表创建单独的图表。我正在使用Wordpress来管理我的网站，如果这有什么不同的话

---

谢谢

可以使用API动态切换系列可见性

切换-

显示-

隐藏-

旁注：Series选项的名称为可见，不可见-JavaSCript中的名称区分大小写。

在每个系列中，您可以设置参数。