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基本组成