HighCharts 是一个流行的 JavaScript 图表库，常用于构建交互式数据可视化。当我们在创建一个复杂的图表时，有时候需要隐藏一些系列图例来让图表更加清晰易懂。
本文将介绍 HighCharts 图表库中如何隐藏系列图例，并提供示例代码及详细说明。
方案
在 HighCharts 中隐藏系列图例最简单的方法是通过设置 visible 属性为 false。该属性默认值为 true，可以通过以下方式轻松修改：
------- -- ----- ------- --- ----- --- -- --- -------- ----- -- ------- -- - ----- ------- --- ----- --- -- -- --
可以看到，在上述示例中，我们将第一个系列的 visible 属性设置为 false，以使其不在图例中显示。
如果你想动态控制系列是否应该在图例中显示，则可以使用 setVisible() 方法。该方法接受一个布尔值参数，这个参数表明是否应该显示或隐藏该系列的图例。
例如：
----- ----- - ----------------------------- -
------- --
----- ------- ---
----- --- -- --
-- -
----- ------- ---
----- --- -- --
--
---
-- ----------
----------------------------------总结
在 HighCharts 图表库中隐藏系列图例很简单，你可以通过设置 visible 属性为 false 或使用 setVisible() 方法来实现。这可以使得图表更加清晰易懂，提高用户体验。
希望本文能够对你有所帮助，如果你想知道更多关于 HighCharts 的技巧和窍门，请参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29962