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