HighCharts_中文API_文檔

Chart：圖表區選項

Chart圖表區選項用於設置圖表區相關屬性。

參數	描述	默認值
backgroundColor	設置圖表區背景色	#FFFFFF
borderWidth	設置圖表邊框寬度	0
borderRadius	設置圖表邊框圓角角度	5
renderTo	圖表放置的容器，通常在html中放置一個DIV，獲取DIV的id屬性值	null
defaultSeriesType	默認圖表類型line, spline, area, areaspline, column, bar, pie , scatter	0
width	圖表寬度，默認根據圖表容器自適應寬度	null
height	圖表高度，默認根據圖表容器自適應高度	null
margin	設置圖表與其餘元素之間的間距，數組，如[0,0,0,0]	[null]
plotBackgroundColor	主圖表區背景色，即X軸與Y軸圍成的區域的背景色	null
plotBorderColor	主圖表區邊框的顏色，即X軸與Y軸圍成的區域的邊框顏色	null
plotBorderWidth	主圖表區邊框的寬度	0
shadow	是否設置陰影，須要設置背景色backgroundColor。	false
reflow	是否自使用圖表區域高度和寬度，若是沒有設置width和height時，會自適應大小。	true
zoomType	拖動鼠標進行縮放，沿x軸或y軸進行縮放，能夠設置爲：'x','y','xy'	''
events	事件回調，支持addSeries方法，click方法，load方法，selection方法等的回調函數。

Color：顏色選項

Color顏色選項用於設置圖表的顏色方案。

參數	描述	默認值
color	用於展現圖表，折線/柱狀/餅狀等圖的顏色，數組形式。	array

Highcharts已經默認提供了多種顏色方案，當要顯示的圖形多於顏色種類時，多出的圖形會自動從第一種顏色方案開始選取。自定義顏色方案的方法：

 
Highcharts.setOptions({ 
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', 
'#FFF263', '#6AF9C4'] 
}); 

Title：標題選項

Title標題選項用於設置圖表的標題相關屬性。

參數	描述	默認值
text	標題文本內容。	Chart title
align	水平對齊方式。	center
verticalAlign	垂直對齊方式。	top
margin	標題與副標題之間或者主圖表區間的間距。	15
floating	是否浮動，若是爲true，則標題能夠偏離主圖表區，可配合x,y屬性使用。	false
style	設置CSS樣式。	{color: '#3E576F', fontSize: '16px'}

Subtitle：副標題選項

副標題提供的屬性選項與標題title大體相同，可參照上述標題選項，值得一提的是副標題的text選項默認爲''，即空的，因此默認狀況下副標題不顯示。

xAxis：X軸選項

X軸選項用於設置圖表X軸相關屬性。

參數	描述	默認值
categories	設置X軸分類名稱，數組，例如：categories: ['Apples', 'Bananas', 'Oranges']	[]
title	X軸名稱，支持text、enabled、align、rotation、style等屬性
labels	設置X軸各分類名稱的樣式style，格式formatter，角度rotation等。	array
max	X軸最大值(categories爲空時)，若是爲null，則最大值會根據X軸數據自動匹配一個最大值。	null
min	X軸最小值(categories爲空時)，若是爲null，則最小值會根據X軸數據自動匹配一個最小值。	array
gridLineColor	網格（豎線）顏色	#C0C0C0
gridLineWidth	網格(豎線)寬度	1
lineColor	基線顏色	#C0D0E0
lineWidth	基線寬度	0

yAxis：Y軸選項

Y軸選項與上述xAxis選項基本一致，請參照上表中的參數設置，再也不單獨列出。

Series：數據列選項

數據列選項用於設置圖表中要展現的數據相關的屬性。

參數	描述	默認值
data	顯示在圖表中的數據列，能夠爲數組或者JSON格式的數據。如：data:[0, 5, 3, 5]，或 data: [{name: 'Point 1',y: 0}, {name: 'Point 2',y: 5}]	''
name	顯示數據列的名稱。	''
type	數據列類型，支持 area, areaspline, bar, column, line, pie, scatter or spline	line

plotOptions：數據點選項

plotOptions用於設置圖表中的數據點相關屬性。plotOptions根據各類圖表類型，其屬性設置略微有些差別，現將經常使用選項列出來。

參數	描述	默認值
enabled	是否在數據點上直接顯示數據	false
allowPointSelect	是否容許使用鼠標選中數據點	false
formatter	回調函數，格式化數據顯示內容	formatter: function() {return this.y;}

Tooltip：數據點提示框

Tooltip用於設置當鼠標滑向數據點時顯示的提示框信息。

參數	描述	默認值
enabled	是否顯示提示框	true
backgroundColor	設置提示框的背景色	rgba(255, 255, 255, .85)
borderColor	提示框邊框顏色，默認自動匹配數據列的顏色	auto
borderRadius	提示框圓角度	5
shadow	是否顯示提示框陰影	true
style	設置提示框內容樣式，如字體顏色等	color:'#333'
formatter	回調函數，用於格式化輸出提示框的顯示內容。返回的內容支持html標籤如：<b>, <strong>, <i>, <em>, <br/>, <span>	2

Legend：圖例選項

legend用於設置圖例相關屬性。

參數	描述	默認值
layout	顯示形式，支持水平horizontal和垂直vertical	horizontal
align	對齊方式。	center
backgroundColor	圖例背景色。	null
borderColor	圖例邊框顏色。	#909090
borderRadius	圖例邊框角度	5
enabled	是否顯示圖例	true
floating	是否能夠浮動，配合x，y屬性。	false
shadow	是否顯示陰影	false
style	設置圖例內容樣式	''
borderWidth	圖例邊框寬度	1
itemHiddenStyle	圖表隱藏時圖例樣式
itemHoverStyle	鼠標停留圖例時樣式
itemMarginBottom	圖例內每條內容下邊距值
itemMarginTop	圖例內每條內容上邊距值
itemStyle	圖例內每條內容的樣式
itemWidth	圖例內每條內容的寬度