HighCharts - 基于页面的隐藏系列？

Question

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

现在，我知道我可以使用“visible：false”来隐藏系列，但是这似乎仍然需要我为45个产品中的每个产品分别绘制高光图表，这看起来像是浪费太空/因为这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来管理我的网站，如果这有所作为。

谢谢！

Answer 1

使用API​​可以动态切换系列可视性。

切换 - http://api.highcharts.com/highcharts#Series.setVisible

秀 - http://api.highcharts.com/highcharts#Series.show

隐藏 - http://api.highcharts.com/highcharts#Series.hide

边注：系列选项名为visible，不可见 - 在JavaScript中的名称是区分大小写的。