Highcharts详细翻译系列一：chart 图表选项篇
Highcharts详细翻译系列一：chart 图表选项篇
1.概览
参数
|
描述
|
默认值
|
alignTicks
|
多轴时最小刻度是否自动计算
|
true
|
animation
|
是否启用动画效果
|
true
|
backgroundColor
|
图表外部的背景色或渐变色
|
#FFFFFF
|
borderColor
|
图表外边框的颜色
|
#4572A7
|
borderRadius
|
图表外边框的圆角半径
|
5.0
|
borderWidth
|
外边框的像素宽度
|
0.0
|
className
|
图表容器div使用的一个css类名
|
null
|
defaultSeriesType
|
type的别名
|
null
|
events
|
addSeries
、click、load、redraw、selection
|
null
|
height
|
一个显式的图表高度
|
null
|
ignoreHiddenSeries
|
如果true,一旦一个系列被隐藏，轴将会扩展剩余的可见系列
|
true
|
inverted
|
是否倒置轴，使得x轴时垂直的y轴是水平的
|
false
|
margin
|
图表的外边框和绘图区域的边距
|
null
|
marginBottom
|
下边距
|
null
|
marginLeft
|
左边距
|
null
|
marginRight
|
右边距
|
null
|
marginTop
|
上边距
|
null
|
plotBackgroundColor
|
绘图区域的背景色或渐变
|
null
|
plotBackgroundImage
|
绘图区背景图片的URL
|
null
|
plotBorderColor
|
绘图区的边框颜色
|
#C0C0C0
|
plotBorderWidth
|
绘图区的边框宽度
|
0.0
|
plotShadow
|
绘图区是否使用阴影效果
|
false
|
polar
|
极坐标
|
false
|
reflow
|
当窗口大小改变的时候，自适应div大小
|
true
|
renderTo
|
图表可以被渲染的HTML元素
|
null
|
resetZoomButton
|
出现在缩放后面的一个按钮，允许用户重置缩放position，relativeTo，theme
|
null
|
selectionMarkerFill
|
选中的图表区域的背景颜色
|
rgba(69,114,167,0.25)
|
shadow
|
是否对外部图表应用下降阴影
|
false
|
showAxes
|
是否显示最初的坐标轴
|
false
|
spacingBottom
|
图表底部和内容的距离空间
|
15
|
spacingLeft
|
图表左边和内容的距离空间
|
10.0
|
spacingRight
|
图表右边和内容的距离空间
|
10.0
|
spacingTop
|
图表上边和内容的距离空间
|
10.0
|
style
|
额外的CSS样式可以给内部div容器
|
null
|
type
|
图表的默认样式
|
line
|
width
|
图表的显式宽度
|
null
|
zoomType
|
缩放，可以为x,y,xy之一
|
null
|
2.详细介绍 alignTicks:Boolean.
当使用多个轴时，刻度的间隔会根据最小刻度自动的添加到两个或多个轴上。可以通过设置alignTicks为false来禁止自动划分刻度。如果表格线看起来比较杂乱，通过设置第二个轴的gridLineWidth为0来隐藏该刻度线是一个好的做法。alignTicks的默认值为true