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