標(biāo)題默認(rèn)顯示在圖表的頂部，包括標(biāo)題和副標(biāo)題（subTitle），其中副標(biāo)題是非必須的。設(shè)置標(biāo)題和副標(biāo)題的示例代碼如下：

title: {
    text: '我是標(biāo)題'
},
subtitle: {
    text: '我是副標(biāo)題'
}

一、標(biāo)題的常用屬性

標(biāo)題只有一些文字信息，所以標(biāo)題的配置無(wú)非是一些定位、字體大小、顏色等的配置，常見(jiàn)屬性如下表所示：

二、動(dòng)態(tài)設(shè)置和獲取標(biāo)題

1、獲取標(biāo)題內(nèi)容

可以通過(guò)Highcharts對(duì)象獲取標(biāo)題內(nèi)容，實(shí)例代碼如下：

var chart = new Highcharts.Chart(options);    // Highcharts構(gòu)造函數(shù)
var title  = chart.title.textStr;             // 通過(guò)chart對(duì)象獲取標(biāo)題內(nèi)容

2、動(dòng)態(tài)設(shè)置標(biāo)題

Highcharts提供了setTitle()函數(shù)供動(dòng)態(tài)設(shè)置標(biāo)題用，setTitle()函數(shù)結(jié)構(gòu)如下

setTitle (Object title, object subtitle, Boolean redraw)

參數(shù)說(shuō)明：

• title : 標(biāo)題對(duì)象
• subtitle: 副標(biāo)題對(duì)象
• redraw：是否重繪，即設(shè)置標(biāo)題后是否重新繪制圖表，默認(rèn)是false

實(shí)例說(shuō)明：

var title = {
    text:"我是新標(biāo)題",
    style:{
        color:"#ff0000"
    }
};

var chart = new Highcharts.Chart();
chart.setTitle(title);

上述方法不僅僅是設(shè)置標(biāo)題的文字，有的時(shí)候我們可能只需要更改標(biāo)題的樣式，例如顏色、字號(hào)的，也可以通過(guò)該函數(shù)實(shí)現(xiàn)，示例代碼如下：

var subtitle = {
    style:{
        color:"#000",
        fontWeight:"bold"
    }
};

var chart = new Highcharts.Chart();
chart.setTitle(null,subtitle);     //設(shè)置副標(biāo)題，第一個(gè)參數(shù)設(shè)置為null

三、關(guān)于標(biāo)題的常見(jiàn)問(wèn)題

1、如何在標(biāo)題中添加鏈接

實(shí)現(xiàn)方法：

設(shè)置useHTML為true，然后在標(biāo)題文字中加入a標(biāo)簽

實(shí)例：

title :{
    useHTML:true,
    text:"Highcharts中文網(wǎng) | <a href='//www.hcharts.cn' target='_blank'>中文教程</a>" 
}

2、如何隱藏（不顯示）標(biāo)題

實(shí)現(xiàn)方法： 設(shè)置標(biāo)題文字為空即可

實(shí)例：

title :{
    text:null
}

<p><span style="font-family:microsoft yahei; font-size:16px">Via：hcharts.cn</span></p>

<p><strong><a href="//fc6vip.cn/product/3328/download" style="box-sizing: border-box; color: rgb(66, 139, 202); text-decoration: none; outline: 0px; background: transparent;">點(diǎn)擊下載最新版 Highcharts</a></strong>;</p>

<p><strong>如果你想提供任何產(chǎn)品反饋，<a href="//chat8.live800.com/live800/chatClient/chatbox.jsp?companyID=60357&amp;configID=149250&amp;jid=1316272045" style="box-sizing: border-box; color: rgb(66, 139, 202); text-decoration: none; outline: 0px; background: transparent;" target="_blank">請(qǐng)與我們聯(lián)系</a>。</strong></p>

<p><span style="color:rgb(255, 0, 0)"><strong>購(gòu)買最新版Highcharts&lt;<a href="//chat8.live800.com/live800/chatClient/chatbox.jsp?companyID=60357&amp;configID=149250&amp;jid=1316272045" style="box-sizing: border-box; color: rgb(66, 139, 202); text-decoration: none; outline: 0px; background: transparent;" target="_blank">咨詢?cè)诰€客服</a>&gt;，即可擁有最新正版授權(quán)!</strong></span></p>