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);
                }
                }
         }, 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章