Highcharts图表结构分析:详解标题与副标题

JavaScript图表Highcharts默认，标题显示在图表的头部，可选的副标题显示在其下。

 

标题和副标题内容可以通过如下代码设置

title: {
text: '自定义标题'
},
subtitle: {
text: '自定义副标题'
}

关于标题和副标题属性设置Highcharts的官方API文档有详细说明，大家可以点击查看。

动态修改Title

通过Highcharts提供的函数 Chart.setTitle()实现对图表标题动态修改。实例用法如下：

var chart = new Highcharts.Chart(); //Chart 构造方法
chart.setTitle("自定义标题");

获取Title值

Highcharts没有提供和setTitle对应的获取标题值的函数，可以通过获取Highcharts属性获得，代码如下：

var chart = new Highcharts.Chart(); //Chart 构造方法 alert(chart.title.text); //直接通过属性获取值

文章转载自慧都控件网，原作者：走猫步的鱼

相关教程：

• 使用Highcharts制作简单图表

• ighcharts图表结构分析：详解Highcharts基本组成