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