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

title: {
    text: '我是標題'
},
subtitle: {
    text: '我是副標題'
}

一、標題的常用屬性

標題只有一些文字信息，所以標題的配置無非是一些定位、字體大小、顏色等的配置，常見屬性如下表所示：

二、動態(tài)設(shè)置和獲取標題

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

可以通過Highcharts對象獲取標題內(nèi)容，實例代碼如下：

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

2、動態(tài)設(shè)置標題

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

setTitle (Object title, object subtitle, Boolean redraw)

參數(shù)說明：

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

實例說明：

var title = {
    text:"我是新標題",
    style:{
        color:"#ff0000"
    }
};

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

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

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

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

三、關(guān)于標題的常見問題

1、如何在標題中添加鏈接

實現(xiàn)方法：

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

實例：

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

2、如何隱藏（不顯示）標題

實現(xiàn)方法： 設(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;">點擊下載最新版 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">請與我們聯(lián)系</a>。</strong></p>

<p><span style="color:rgb(255, 0, 0)"><strong>購買最新版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">咨詢在線客服</a>&gt;，即可擁有最新正版授權(quán)!</strong></span></p>