1、HighCharts常用初始化属性参考目录HighCharts常用初始化属性参考1chart图表选项2colors颜色选项4credits名片选项5exporting导出和打印选项6导出按钮6打印按钮7global全局选项8Labels标签选项9items9lang语言选项9legend 图例选项11navigation 导航选项12loading加载选项13navigation 选项14buttonOptions14pane窗格选项15plotOptions 绘图选项15area 区域图16dataLables 选项18events选项19marker选项19point 选项21areara
2、nge 区域排列图21dataLables21areaspline区域曲线图22areasplinerange区域曲线图22bar 条状图22column柱状图24columnrange 柱状排列图24gauge测量图24dial选项25pivot选项26line直线图27pie饼图27dataLabels29scatter散点图30series序列图30spline曲线图30series 数据列选项30data 数据项31marker 标记32subtitle副标题34title标题34tooltip工具提示35xAxis x轴的样式37events x轴事件41labels x轴标签41p
3、lotBands 情节带42label42plotLines 情节线43title x轴标题44yAxis y轴的样式44chart图表选项参数描述默认值alignTicks多轴时最小刻度是否自动计算trueanimation是否启用动画效果truebackgroundColor图表外部的背景色或渐变色#FFFFFFborderColor图表外边框的颜色#4572A7borderRadius图表外边框的圆角半径5.0borderWidth外边框的像素宽度0.0className图表容器div使用的一个css类名nulldefaultSeriesTypetype的别名nulleventsaddS
4、eries 、click、load、redraw、selectionnullheight一个显式的图表高度nullignoreHiddenSeries如果true,一旦一个系列被隐藏，轴将会扩展剩余的可见系列trueinverted是否倒置轴，使得x轴时垂直的y轴是水平的falsemargin图表的外边框和绘图区域的边距nullmarginBottom下边距nullmarginLeft左边距nullmarginRight右边距nullmarginTop上边距nullplotBackgroundColor绘图区域的背景色或渐变nullplotBackgroundImage绘图区背景图片的URLn
5、ullplotBorderColor绘图区的边框颜色#C0C0C0plotBorderWidth绘图区的边框宽度0.0plotShadow绘图区是否使用阴影效果falsepolar极坐标falsereflow当窗口大小改变的时候，自适应div大小truerenderTo图表可以被渲染的HTML元素nullresetZoomButton出现在缩放后面的一个按钮，允许用户重置缩放position，relativeTo，themenullselectionMarkerFill选中的图表区域的背景颜色rgba(69,114,167,0.25)shadow是否对外部图表应用下降阴影falseshowAx
6、es是否显示最初的坐标轴falsespacingBottom图表底部和内容的距离空间15spacingLeft图表左边和内容的距离空间10.0spacingRight图表右边和内容的距离空间10.0spacingTop图表上边和内容的距离空间10.0style额外的CSS样式可以给内部div容器nulltype图表的默认样式linewidth图表的显式宽度nullzoomType缩放，可以为x,y,xy之一nullcolors颜色选项参数 描述默认值colors一个数组包含图表系列的默认颜色，当所有颜色都用完的时候，新的颜色将从最初的颜色从新开始。colors: #4572A7, #AA464
7、3, #89A54E, #80699B, #3D96AE, #DB843D, #92A8CD, #A47D7C, #B5CA92credits名片选项参数 描述默认值enabled是否显示credits的文本truehrefcredits标签的hrefhttp:/positioncredits标签的位置。align, verticalAlign,x和ynullstylecredits 标签的CSS样式nulltextcredits标签的文本Hexporting导出和打印选项参数描述默认值buttonsexportButton、printButton导出和打印的默认值chartOptions给导
8、出图表添加图表选项nullenabled导出模块是否可用truefilename导出图表的文件名称，不带扩展名charttypechart.exportChart()被调用时，如果没有特殊的type选项，就使用默认的MIME类型导出image/pngurl转化SVG字符串为图片格式的服务器模块的URLhttp:/width图表导出为png或jpg类型的时候的像素宽度800.0导出按钮参数描述默认值align按钮的对齐方式rightbackgroundColor按钮的背景色或渐变色nullborderColor按钮的边框颜色#B0B0B0borderRadius按钮边框的圆角半径3.0borde
9、rWidth按钮的边框宽度1.0enabled按钮是否可用trueheight按钮的像素高度20.0hoverBorderColor鼠标经过时按钮的边框颜色#909090hoverSymbolFill参见navigation.buttonOptions=hoverSymbolFill#768F3EhoverSymbolStroke鼠标经过按钮，按钮内部标志的边框线颜色#4572A5menuItems菜单项nullonclick按钮的点击事件chart.print()symbol按钮的标志exportIconsymbolFill参照navigation.buttonOptions=symbolF
10、ill#A8BF77symbolSize按钮内标志的像素大小12.0symbolStroke标志的边框或线的颜色#A0A0A0symbolStrokeWidth按钮内标志的边框宽度1.0symbolX标志在按钮中间的x轴偏移量11.5symbolY标志在按钮中间的y轴偏移量10.5verticalAlign按钮的垂直位置topwidth按钮的宽度。24.0x按钮相对于align选项的水平位置-36.0y按钮相对于verticalAlign选项的垂直偏移量10.0打印按钮参数描述默认值align按钮的对齐方式rightbackgroundColor按钮的背景色或渐变色nullborderColo
11、r按钮的边框颜色#B0B0B0borderRadius按钮边框的圆角半径3.0borderWidth按钮的边框宽度1.0enabled按钮是否可用trueheight按钮的像素高度20.0hoverBorderColor鼠标经过时按钮的边框颜色#909090hoverSymbolFill参见navigation.buttonOptions=hoverSymbolFill#768F3EhoverSymbolStroke鼠标经过按钮，按钮内部标志的边框线颜色#4572A5menuItems菜单项nullonclick按钮的点击事件chart.print()symbol按钮的标志exportIcon
12、symbolFill参照navigation.buttonOptions=symbolFill#A8BF77symbolSize按钮内标志的像素大小12.0symbolStroke标志的边框或线的颜色#A0A0A0symbolStrokeWidth按钮内标志的边框宽度1.0symbolX标志在按钮中间的x轴偏移量11.5symbolY标志在按钮中间的y轴偏移量10.5verticalAlign按钮的垂直位置topwidth按钮的宽度。24.0x按钮相对于align选项的水平位置-36.0y按钮相对于verticalAlign选项的垂直偏移量10.0global全局选项说明：global 选项不
13、用于么一个图表。像lang一类的选项，必须使用Highcharts.setOptions方法来设置。Highcharts.setOptions(global: useUTC: false); 参数描述默认值VMLRadialGradientURL为了画径向渐变图片，VML浏览器必须的路径http:/ color: #3E576Fitems参数描述默认值Htmllabel的内部html或者文本textstyle每一个label的CSS样式。设置label的位置nulllang语言选项参数描述默认值decimalPoint在Highcharts.numberFormat方法中除了特定的函数参数外使
14、用的默认的小数点.downloadJPEGJPEG下载菜单的文本Download JPEG imagedownloadPDFPDF下载菜单的文本Download PDF documentdownloadPNGPNG下载菜单的文本。Download PNG imagedownloadSVGSVG下载菜单的文本Download SVG vector imageexportButtonTitleSVG下载菜单的文本Export to raster or vector imageloading当图表设置下载状态后，调用chart.showLoading时显示的loading文本Loading.mont
15、hs包含月份名称的数组numericSymbols在坐标轴的标签中为了缩短大数据使用的公有制前缀printButtonTitle打印按钮的提示文本Print the chartresetZoom当图表缩放时显示的标签文本Reset zoomshortMonths包含月份缩写的数组thousandsSepHighcharts.numberFormat方法的千分隔符，除非特殊参数说明,weekdays包含个星期的名字的数组Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday说明：语言对象。语言对象是全局的，而且不能在图表初始化
16、的时候设置。它必须使用Highcharts.setOptions在图表初始化之间设置。Highcharts.setOptions(lang: months: Janvier, Fvrier, Mars, Avril, Mai, Juin, Juillet, Aot, Septembre, Octobre, Novembre, Dcembre,weekdays: Dimanche, Lundi, Mardi, Mercredi, Jeudi, Vendredi, Samedi);legend 图例选项参数描述默认值align图例的水平位置centerbackgroundColor图例的背景色nu
17、llborderColor图例的边框颜色#909090borderRadius图例的圆角半径5.0borderWidth图例的边框宽度1.0enabled启用或禁用图例truefloating当图例是浮动的，绘图区将会忽略它，且绘图区会放在图例的后边falseitemHiddenStyle图例的每个系列项目或点项目隐藏时的CSS样式nullitemHoverStyle图例的每个系列项目或点项目鼠标滑过时的CSS样式nullitemMarginBottom每个图例项目的下边距。0.0itemMarginTop每个图例项目的上边距0.0itemStyle每个图例项目的CSS样式nullitemWi
18、dth每个图例项目的宽度。当一个包含多个图例项目的水平图例需要垂直对齐时，这是非常有用的nulllabelFormatter系列的格式化标签nulllayout图例项目的布局。可以是horizontal或verticalhorizontallineHeight图例项目的行高。V2.1版本后过期16.0margin如果绘图区是自动计算且图例是不浮动的，图例的边距就是图例和坐标轴标签或绘图区的空间。15.0maxHeight图例的最大高度nullnavigation当图例溢出时，分页导航的选项padding图例盒子的内边距8.0reversed图例项目的顺序相对于系列或点定义的顺序是否要逆序fal
19、sertl是否把标志放在文本的右边falseshadow图例的阴影falsestyle图例的CSS样式。nullsymbolPadding图例内标志和文本的距离5.0symbolWidth图例内标志的宽度30.0useHTML是否使用HTML渲染图例项目的文本falseverticalAlign图例框的垂直对齐方式bottomwidth图例的宽度nullx相对于水平对齐方式align的chart.spacingLeft和chart.spacingRight的x的偏移量0.0y相对于垂直对齐方式verticalAlign的chart.spacingTop和chart.spacingBottom的
20、垂直偏移量0.0navigation 导航选项参数描述默认值activeColor导航页面向上或向下箭头的活动颜色#3E576Fanimation当导航向上翻或向下翻的时候动画truearrowSize向上箭头和向下箭头的大小12.0inactiveColor当向上箭头和向下箭头不可用时的颜色#CCCstyle图例导航的文本CSS样式loading加载选项参数描述默认值hideDuration淡出效果的持续时间（以毫秒为单位）100.0labelStyle加载标签的span的CSS样式labelStyle: fontWeight: bold,position: relative,top: 1e
21、mshowDuration淡入效果的持续时间（以毫秒为单位）100.0style覆盖在绘图区的加载页面的样式style: position: absolute,backgroundColor: white,opacity: 0.5,textAlign: center说明：加载选项通过图表的操作控制着覆盖在绘图区域的加载页面是否显示。这个页面仅在显示调用chart.showLoading()时，显示。对于开发者着和终端用户交互有些事情正在进行的情况，非常实用。比如通过XHR更新数据。“Loading”文本内容本身不是这个可配置对象的一部分，是lang对象的一部分。navigation 选项参数描
22、述默认值buttonOptions打印按钮和导出按钮menuItemHoverStyle当导出图表被点击时弹出的菜单的单独选项的鼠标滑过的CSS样式menuItemHoverStyle: background: #4572A5,color: #FFFFFFmenuItemStyle当导出图表被点击时弹出的菜单的单独选项的CSS样式menuItemStyle: padding: 0 5px,background: NONE,color: #303030menuStyle当导出按钮被点击时，弹出菜单的CSS样式menuStyle: border: 1px solid #A0A0A0,backgro
23、und: #FFFFFFbuttonOptions各个属性参考，exporting选项 pane窗格选项参数描述默认值background背景的一个对象或一组对象。子选项包括backgroundColor、innerWidth, ourterWidth, borderWidth, borderColornullcenter极坐标图或角度测量仪的中心点，像数组x,y一样定位。位置可以是以像素为单位的整数或者是绘图区域的百分比50%,50%endAnglex轴极坐标或角度轴的最终度数，以度数的方式给出。0是北startAngle+360startAnglex轴或测量轴的开始度数，以度数的方式给出。
24、0是北0说明：只适用在极坐标图和角度测量仪。此可配置对象持有组合x轴和y周的常规选项。每个x轴和y轴都可以通过索引关联到窗格中。plotOptions 绘图选项参数描述默认值area区域图arearange区域图范围areaspline区域图曲线图areasplinerange区域图曲线图范围bar条状图column列图（柱状图）columnrange列的区域图gauge测量图line直线图pie饼图scatter散点图series序列图spline曲线图area 区域图参数描述默认值allowPointSelect是否允许通过点击标签而选中标签falseanimation当一个序列不显示时，
25、是否显示动画truecolor主要颜色或序列的颜色nullconnectEnds只用在极坐标图表中。是否要跨越极端连接序列线的终端trueconnectNulls是否跨过空的点链接图像线falsecropThreshold处理阈值300.0cursor光标nulldashStyle图表段划线样式的名字nulldataLabels数据标签。参见三级标题datalabelsenableMouseTracking启用或禁用鼠标跟踪一个特定的序列trueevents事件，参见三级标题eventsfillColor区域图的填充颜色nullfillOpacity填充区域图的透明度0.75id序列的idnu
26、lllineColor图表基线的独特颜色nulllineWidth图表基线条的宽度2.0marker标记，参照二级标题markerpoint单独点，参见pointpointInterval如果序列中没有给出各点的x值，pointInterval定义了一个x值的时间间隔。1.0pointPlacement可能值:null,”on”,”between”nullpointStart如果序列没有给各个点x值，pointStart定义了从哪一个值开0.0selected在序列初始化时是否选中falseshadow图表线的阴影trueshowCheckbox如果是true，将会在图例项中出现复选框允许选择
27、序列falseshowInLegend是否显示部分序列或全部序列的类型在图例中truestacking在每个序列顶端是否叠加各个序列的值nullstates参见statesstickyTracking鼠标事件的黏连追踪。为true时显示提示文本框，false不显示。truethresholdY轴的值，作为区域图的基本值，以区分高于阈值或低于阈值0.0tooltip一个可配置对象，对于可选渲染的各个序列的提示的配置对象。属性继承自tooltiptrackByArea是否用整个区域或者是仅仅是先来相应mouseover的提示或者其他鼠标事件falseturboThreshold当序列包含一个数据数
28、组的长度超过了turboThreshold，只有一维数组中的数据或者二维数组中的x 和y的值被允许1000.0visible设置序列初始化的可见性truezIndex定义序列的Z指数nulldataLables 选项参数描述默认值align数据标签的水平对齐方式centerbackgroundColor数据标签的背景色nullborderColor数据标签的边框色nullborderRadius数据标签的边框圆角半径0.0borderWidth数据标签的边框宽度0.0color数据标签内文本的颜色nullcrop是否隐藏超出绘图区域外的数据标签trueenabled是否启用数据标签falsef
29、ormatter回调Javascript函数格式化数据标签nulloverflow如何处理横坐标上的溢出的标签nullpadding当borderWidth 或backgroundColor被设置的时候，这是框内的边距2.0rotation文本旋转角度0.0shadow标签框的阴影。falsestyle标签的样式nulluseHTML是否用HTML渲染标签falseverticalAlign标签的垂直排列nullx相对于点的x偏移量0.0y相对于点的y偏移量-6.0zIndex数据标签的Z索引6events选项参数描述默认值checkboxClick当图例中序列名称后的复选框被点击时触发nul
30、lclick单击事件，序列被单击时触发nullhide序列在图表生成后隐藏时触发，无论是点击图例项隐藏还是调用.hide()nulllegendItemClick当序列所属图例项目被单击时触发。默认动作是切换序列的可见性nullmouseOut当鼠标离开图表时触发nullmouseOver当鼠标放在图表上时触发nullshow当图表生成时间以后当序列显示的时候触发，无论是点击图例中的项或者调用.show()nullmarker选项属性描述默认值enabled启用或禁用点标记truefillColor点标记的填充颜色nulllineColor点标记的外边框线的颜色#FFFFFFlineWidth
31、点标记的外边框线的宽度0.0radius点标记的半径0.0states状态，参加四级标题statessymbol为标记预先定义的形状或标志states选项参数描述默认值hover参见hoverSelect参见selecthover选项参数描述默认值enabled启用或禁用点标记的鼠标滑过状态truefillColor点标记的填充颜色nulllineColor点标记的外边框线的颜色#FFFFFFlineWidth点标记的外边框线的宽度0.0radius点标记的半径nullselect选项参数描述默认值enabled启用或禁用点标记的选中状态truefillColor点标记的填充颜色nulllin
32、eColor点标记的外边框线的颜色#FFFFFFlineWidth点标记的外边框线的宽度0.0radius点标记的半径nullpoint 选项参数描述默认值events单个点的事件，参见eventsevents 选项参数描述默认值click当点被单击时触发nullmouseOut当鼠标离开区域去接近点的时候触发nullmouseOver当鼠标进入区域图接近点的时候触发nullremove当鼠标进入区域图接近点的时候触发nullselect当点被通过编程选中或者是单击点选中时触发nullunselect当点被通过编程不被选中或者是单击点不被选中时触发。nullupdate当点被通过.update
33、()方法被程序更新时触发nullarearange 区域排列图各属性参照area区域图，新增属性如下dataLables参数描述默认值xHigh最高的数据标签相对于点值的x偏移量0.0xLow最低的数据标签相对于点值的x偏移量0.0yHigh最高的数据标签相对于点值的y偏移量-6.0yLow最低的数据标签相对于点值的y偏移量16.0areaspline区域曲线图参照area区域图areasplinerange区域曲线图参照arearange 区域排列图bar 条状图以下未描述项参照area区域参数描述默认值allowPointSelect是否允许通过点击标签而选中标签falseanimatio
34、n当一个序列不显示时，是否显示动画trueborderColor每个柱状和条状的边框颜色#FFFFFFborderRadius每个柱状和条状的边框圆角半径0.0borderWidth每个柱状或条状的边框的宽度1.0color主要颜色或者是序列颜色nullcolorByPoint自动从options.colors数组中计算点颜色时，这个选项决定图表应该接受每一个序列的颜色还是接受每一个点的颜色falsecropThreshold处理阈值50.0cursor光标nulldataLabels数据标签。参见二级标题datalabelsenableMouseTracking启用或禁用鼠标跟踪一个特定的序
35、列trueevents事件，参见二级标题eventsgroupPadding每一个组之间的间隔padding，以x轴为单位0.2grouping是否分组无堆栈的列让他们独立渲染trueid序列的idnullminPointLength柱状图的最小高度或者条状图的最小宽度。0.0events事件，参见二级标题eventspointInterval如果序列中没有给出各点的x值，pointInterval定义了一个x值的时间间隔。1.0pointPadding每个柱状或条状之间的间隔0.1pointPlacement可能值:null,”on”,”between”nullpointRange每一个点X
36、轴有效量程nullpointStart如果序列没有给各个点x值，pointStart定义了从哪一个值开0.0pointWidth每个列或条状的像素宽度nullselected在序列初始化时是否选中falseshadow图表线的阴影trueshowCheckbox如果是true，将会在图例项中出现复选框允许选择序列falseshowInLegend是否显示部分序列或全部序列的类型在图例中truestacking在每个序列顶端是否叠加各个序列的值nullstates参见statesstickyTracking鼠标事件的黏连追踪。为true时显示提示文本框，false不显示。truetooltip一
37、个可配置对象，对于可选渲染的各个序列的提示的配置对象。属性继承自tooltipturboThreshold当序列包含一个数据数组的长度超过了turboThreshold，只有一维数组中的数据或者二维数组中的x 和y的值被允许1000.0visible设置序列初始化的可见性truezIndex定义序列的Z指数nullcolumn柱状图参见bar条状图columnrange 柱状排列图参见bar条状图gauge测量图测量图，需要highcharts-more.js参数描述默认值animation动画truecolor主要颜色或序列颜色nullcursor光标nulldataLabels同bar，参
38、见二级标题datalabelsdial刻度盘，参见dialenableMouseTracking启用或禁用鼠标跟踪一个特定的序列trueevents事件，参见二级标题eventsid序列的idnullpivot支点，参见pivotpoint同area，参见pointselected在序列初始化时是否选中falseshowCheckbox如果是true，将会在图例项中出现复选框允许选择序列falseshowInLegend是否显示部分序列或全部序列的类型在图例中nullstates参见statesstickyTracking鼠标事件的黏连追踪。为true时显示提示文本框，false不显示。tru
39、etooltip一个可配置对象，对于可选渲染的各个序列的提示的配置对象。属性继承自tooltipvisible设置序列初始化的可见性truezIndex定义序列的Z指数nulldial选项参数描述默认值backgroundColor测量图刻度盘的背景色或填充色blackbaseLength刻度盘基座的长度，相对于整个刻度盘的半径或长度70%baseWidth测量刻度盘基座的宽度3.0borderColor刻度盘边框线的颜色。silverborderWidth刻度盘的边框宽度0.0radius刻度盘的半径80%rearLength号盘后侧的长度，支点另一侧的延伸部分。相对于刻度盘的长度10%topWidth刻度盘上部的宽度1.0pivot选项参数描述默认值backgroundColor枢轴的背景色或填充色blackborderColor枢轴边框的颜色silverborderWidth枢轴边框的宽度0.0radius枢轴的半径5.0line直线图参照area区域图pie饼图参数描述默认值al
