Question

我正在使用highcharts在我的网站上创建各种产品功能的比较。我的主要图表之一有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

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

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

附注：系列'选项名为visible，而不是可见 - JavaSCript中的名称区分大小写。

HighCharts - 基于页面隐藏系列？

1 个答案: