highcharts API 中文
選擇對象
var chart = new Highcharts.Chart({
chart
alignTicks :true Boolean 多個y軸時對他們公共軸心的選取,ture爲自動選取較適宜的公共軸心
animation :true BooleanObject 動畫更新效果
backgroundColor :Color 繪圖區背景色
borderColor :Color 繪圖邊框顏色
borderRadius :Number 繪圖邊角的弧度設置
borderWidth :Number 邊框寬度設置
className :String 確定繪圖區容器的類區範圍
defaultSeriesType :Sting 默認繪圖類型的設置
events :chart.events 繪圖觸發事件
addSeries :Function 添加series數據
click :Function 單擊事件
load :Function 加載事件
redraw :Function 重畫事件
selection :Function 選着區域事件
height :Number 高度
ignoreHiddenSeries :True Boolean 多個數據時,隱藏一個數據是否更改軸心,true爲可更改,false爲不可更改
inverted :False Boolean 數軸的轉換
margin :Numberr 內邊距設置
marginTop
marginBottom
marginRight
marginLeft
plotBackgroundColor :Color 部分顏色的變化
plotBackgroundImage :String 加載圖片
plotBorderColor
plotBorderWidth
plotBorderShadow
reflow :True :Boolean 是否跟誰容器大小改變
renderTo :String 引用容器
resetZoonButton 區域選擇與重置圖片與event事件中的selection事件相似
selectionMarkerFill 懸着區域的顏色
shadow 陰影
showAxes 加載前軸的顯示
spacingTop 外邊距 :Number
spacingBottom
spacingLeft
style :CSSObject
type 繪圖類型 默認:line
width 繪圖寬度的設置
zoomType 區域選擇範圍 可與event.selection和resetZoomButton參考,他們是區域選擇的功能接口
colors
colors: [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
]
credits 右下角的名片說明
enabled :Boolean 默認值:True 是否顯示名片
position :Object 位置的確定
href :String 名片連接地址 默認值:www.highcharts.com
style :CSSObject 名片CSS模式
text :String 名片顯示名字 默認值:highcharts.com
global Highcharts.SetOptions方法調用
canvasToolsURL :String 畫布工具連接,例如:Andrio的 2.0不支持SVG
useUTC :Boolean UTC time http://jsfiddle.net/X3jPh/
labels HTML標籤,可以放置在繪圖的任何位置
item :Array
html :String
style :CSSObject
style :CSSObject
lang
decimalPoint :String 小數點 默認值"."
downloadPNG :String 導出圖片PNG 默認值:"Download PNG image".
downloadJPEG :String 導出圖片JPEG 默認值: "Download JPEG image"
downloadPDF
downloadSVG
exportButtonTitle :String 導出圖片按鈕 默認值: "Export to raster or vector image".
loading :String 加載顯示 默認值: Loading....
months :Array<String> 月的數組 Highcharts.dateFormat() 默認值:['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'].
shortMonths 上邊月的縮寫數組
printButtonTitle :String 打印按鈕 默認值: "Print the chart".
resetZoom :String 重置焦距 默認值: Reset zoom.
resetZoomTitle :String 重置焦距設置 默認值: Reset zoom level 1:1.
thousandsSep :String 前分爲 默認值:",".例如:1,000,000
weekdays :Array<String> 星期數組 默認值: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'].
legend
loading
plotOptions
point
series
subtitle
symbols
title
tooltip
xAxis
yAxis
exporting
navigation
});
方法和屬性
參考:http://api.highcharts.com/highcharts
另X軸時間顯示
xAxis: {
labels: {
formatter: function() {
return Highcharts.dateFormat('%Y-%m-%d %H:%m', this.value);
}
}
},
var chart = new Highcharts.Chart({
chart
alignTicks :true Boolean 多個y軸時對他們公共軸心的選取,ture爲自動選取較適宜的公共軸心
animation :true BooleanObject 動畫更新效果
backgroundColor :Color 繪圖區背景色
borderColor :Color 繪圖邊框顏色
borderRadius :Number 繪圖邊角的弧度設置
borderWidth :Number 邊框寬度設置
className :String 確定繪圖區容器的類區範圍
defaultSeriesType :Sting 默認繪圖類型的設置
events :chart.events 繪圖觸發事件
addSeries :Function 添加series數據
click :Function 單擊事件
load :Function 加載事件
redraw :Function 重畫事件
selection :Function 選着區域事件
height :Number 高度
ignoreHiddenSeries :True Boolean 多個數據時,隱藏一個數據是否更改軸心,true爲可更改,false爲不可更改
inverted :False Boolean 數軸的轉換
margin :Numberr 內邊距設置
marginTop
marginBottom
marginRight
marginLeft
plotBackgroundColor :Color 部分顏色的變化
plotBackgroundImage :String 加載圖片
plotBorderColor
plotBorderWidth
plotBorderShadow
reflow :True :Boolean 是否跟誰容器大小改變
renderTo :String 引用容器
resetZoonButton 區域選擇與重置圖片與event事件中的selection事件相似
selectionMarkerFill 懸着區域的顏色
shadow 陰影
showAxes 加載前軸的顯示
spacingTop 外邊距 :Number
spacingBottom
spacingLeft
style :CSSObject
type 繪圖類型 默認:line
width 繪圖寬度的設置
zoomType 區域選擇範圍 可與event.selection和resetZoomButton參考,他們是區域選擇的功能接口
colors
colors: [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
]
credits 右下角的名片說明
enabled :Boolean 默認值:True 是否顯示名片
position :Object 位置的確定
href :String 名片連接地址 默認值:www.highcharts.com
style :CSSObject 名片CSS模式
text :String 名片顯示名字 默認值:highcharts.com
global Highcharts.SetOptions方法調用
canvasToolsURL :String 畫布工具連接,例如:Andrio的 2.0不支持SVG
useUTC :Boolean UTC time http://jsfiddle.net/X3jPh/
labels HTML標籤,可以放置在繪圖的任何位置
item :Array
html :String
style :CSSObject
style :CSSObject
lang
decimalPoint :String 小數點 默認值"."
downloadPNG :String 導出圖片PNG 默認值:"Download PNG image".
downloadJPEG :String 導出圖片JPEG 默認值: "Download JPEG image"
downloadPDF
downloadSVG
exportButtonTitle :String 導出圖片按鈕 默認值: "Export to raster or vector image".
loading :String 加載顯示 默認值: Loading....
months :Array<String> 月的數組 Highcharts.dateFormat() 默認值:['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'].
shortMonths 上邊月的縮寫數組
printButtonTitle :String 打印按鈕 默認值: "Print the chart".
resetZoom :String 重置焦距 默認值: Reset zoom.
resetZoomTitle :String 重置焦距設置 默認值: Reset zoom level 1:1.
thousandsSep :String 前分爲 默認值:",".例如:1,000,000
weekdays :Array<String> 星期數組 默認值: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'].
legend
loading
plotOptions
point
series
subtitle
symbols
title
tooltip
xAxis
yAxis
exporting
navigation
});
方法和屬性
參考:http://api.highcharts.com/highcharts
另X軸時間顯示
xAxis: {
labels: {
formatter: function() {
return Highcharts.dateFormat('%Y-%m-%d %H:%m', this.value);
}
}
},
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.