高可定制化的 Highcharts 图表库，提供了各种 API 可以轻松地控制图表的外观和交互。在本文中，我们将要讲解如何通过编程的方式改变 Highcharts 图表的标题。
1. 获取 chart 实例
首先，我们需要获取到 Highcharts 图表的实例对象。这可以通过以下代码来完成：
const chart = Highcharts.chart('container', {
// ...
});
// 获取 chart 实例对象
const chartInstance = chart.get();其中，'container' 是一个 HTML 元素的 ID，它是用于呈现 Highcharts 图表的容器。
2. 改变标题内容
有了 chart 实例对象之后，我们就可以通过它来改变图表的标题了。Highcharts 提供了 setTitle() 方法来修改标题的内容：
// 修改标题内容
chartInstance.setTitle({ text: 'New Chart Title' });在上面的代码中，我们使用 setTitle() 方法将标题内容改为了 'New Chart Title'。
除了修改标题内容，我们还可以通过该方法来改变标题的样式、位置等属性。比如，下面的代码可以将标题字体颜色设置为红色，并将其位置放置在图表顶部居中：
chartInstance.setTitle({
text: 'New Chart Title',
style: { color: 'red' },
align: 'center',
verticalAlign: 'top'
});3. 示例代码
最后，我们来看一个完整的示例代码，它演示了如何通过编程的方式来修改 Highcharts 图表的标题：
-- -------------------- ---- -------
--------- -----
------
------
----------------------- ------ - ----- ----- -- ------------------
------- ---------------------------------------------------------
-------
------
---- -------------- ------------- ------ ------- --------------
--------
----- ----- - ----------------------------- -
------ - ----- --------- ----- ------ --
------- -- ----- --- -- -- --
---
----- ------------- - ------------
-- ------
------------------------ ----- ---- ----- ------ ---
---------
-------
-------在上面的代码中，我们创建了一个包含一组数据的图表，并将其呈现在了一个名为 'container' 的容器元素中。然后，我们获取了 chart 实例对象并使用 setTitle() 方法将标题内容改为了 'New Chart Title'。
通过这个示例代码，你可以学会如何通过编程的方式来修改 Highcharts 图表的标题，从而使你的图表更加灵活和易于定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28520