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

浪子不回头ぞ 提交于 2019-12-09 17:23:37

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

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

相关教程:

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!