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

2013/12/31 14:24
阅读数 1.9K

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); //直接通过属性获取值

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

相关教程:

展开阅读全文
打赏
0
3 收藏
分享
加载中
更多评论
打赏
0 评论
3 收藏
0
分享
返回顶部
顶部