highcharts系列之xAxis

xAxis定义的是x坐标轴的配置选项。默认状况下,x轴指的是水平轴,特殊指定的时候也能够做为垂直的轴使用,在多坐标系中,xAxis是有多个配置好了的轴object的数组。javascript

下面来看一下,xAxis经常使用的属性都有哪些:css

 

属性  java

数据类型数组

默认值ide

说明函数

typethis

Stringspa

datetimeorm

可选,值为linear,logarithmic或者datetime;若是为datetime,则数值是百万分之一秒,标尺会自动放在适当位置,如整小时,或者day的位置。对象

tickInterval

mixed

null

设置横标标尺的间隔长度, 1*24*3600*1000为一天

tickLength

num

5

每一个间隔长度默认的像素值

labels

object

aligncenter

x0

y0

Enabled:true

Formatterfunction(){

Return this.value;}

Overflow: null;

Reotation: 0;

sraggerLines: null;

Step: null;

Style: {color:#6D869F,

Font-weight: bold};

useHTML: false;

Align:可选,leftrightcenter left表示刻度线在刻度名称的左边;

X:刻度偏离刻度线x轴的像素,正数为向右偏移,负数为向左偏移;

Y:刻度偏离刻度线y轴的像素,正数为向下偏移,负数为向上偏移。

Enabled:启用和禁用标签;

Formatter:回调javascript函数格式化标签,值经过this.value获得,this的附加属性,axischartisFirst

overFlow:处理水平轴的一出标签。能够是undefinedjustify,若是是justify,标签将不会在绘图区外渲染,若是有足够的空间去移动它,它将会在边缘对齐,不然会被移除。

Rotation:标签旋转的角度。

Step:每隔n个的标签显示在轴上,设置stepn,每隔n-1个显示标签。

Style: 标签的css样式。

useHTML:是否使用HTML渲染标签。

allowDecimals

Boolean

true

轴上的刻度是否容许使用小数

alternateGridColor

 

null

使用备用的网格颜色时,表格会隔行变色

categories

 

[]

x轴的名称。好比 categories: ['Apples', 'Bananas', 'Oranges']

dateTimeLabelFormats

 

{second:'%H:%M:%S',

minute:'%H:%M',

hour:'%H:%M',

day:'%e. %b',

week:'%e. %b',

month:'%b \'%y',

year:'%Y'}

时间轴,标尺会根据合适的单位自动计算.

endOnTick

Boolean

false

是否强制轴以一个刻度结束。使用该项和maxpadding项来控制轴的末端

gridLineColor

 

#C0C0C0

绘图区网格线的颜色

id

 

null

轴的id,能够在图表渲染后,经过chartget()来得到一个点

lineColor

 

#C0D0E0

轴自己的线的颜色

lineWidth

 

1.0

轴自己的线的宽度

linkedTo

 

null

指向本轴的另外一个轴的索引,当一个轴指向主轴时,它将有和主轴同样的极端值,可是经过minmax或者setExtremes能够进行更改。它也能够用来显示附加信息,或者经过复制标尺来缓解图表显示

max

 

null

轴的最大值,若是是null,最大值会被自动计算。若是endOnTick设置为true,则最大值会被四舍五入。实际上的最大值也会被chart.alignTicks影响。

maxpadding

 

0.01

最大值相对于轴的长度的填充间距。padding0.05时,会取100px长得轴的5px长度。

min

 

null

轴的最小值,若是是null,会自动计算

minpadding

 

0.01

最小值相对于轴的长度的填充间距。

minrange

 

null

轴显示的最小范围,整个轴将不被容许跨越这个最小间隔。好比一个时间轴,最小单位是毫秒

minTickInterval

 

null

轴值容许的最小刻度间隔,好比缩放轴用来显示天天的数据,能够用来阻止轴上显示的时间。

offset

 

0.0

绘图区到轴线的像素间距,正的偏移量会让轴的线,便签,和刻度远离绘图区

opposite

 

false

是否显示在正常显示的对面一侧显示轴。正常显示的是垂直的左边,水平的下面,所以对面就是垂直的右边,和水平的上边。

plotBands

 

 

参考plotBands

plotLines

 

 

参考plotLines

reversed

 

false

是否逆转轴,以使得最高的点最接近起点。

showEmpty

 

null

是否显示轴线和标题,当轴不包含数据时。

showFirstLabel

Boolean

true

是否显示第一个刻度标签

showLastLabel

Boolean

false

是否显示最后一个刻度标签

startofWeek

 

1.0

对于时间轴,决定轴之间的刻度。 0=周日,1=周一。

startOnTick

 

false

是否强制轴以刻度开始。结合maxPadding选项使用控制轴的开始。

tickColor

 

#C0D0E0

主刻度的颜色

tickInterval

 

null

主刻度的间隔,以轴单位为单位。当为null时,线性轴的刻度间隔约等于tickPixelInterval,时间轴的约为时间间隔。

tickLength

 

5.0

主刻度的长度

tickPixelInterval

 

X:72

Y:100

tickIntervalnull的时候,该选项设置了刻度标志的大约间隔的像素值。

tickPosition

 

outside

能够是inside或者outside。刻度标记相对于轴线的位置。

tickPositioner

 

null

回调函数,返回一个定义刻度在轴上的排列的数组

tickPositions

 

null

定义轴刻度的数组

tickWidth

 

1.0

主刻度的像素宽度

tickmarkPlacement

 

between

仅用在分类轴上。若是是on,刻度标记在分类的正中间,若是是between,刻度在两个分类的之间。

afterSetExtremes

fn

null

Event x轴事件,相对于setExtremes事件的事件。在最后的最小值和最大值都被计算且校订过minRange后触发该事件

setExtremes

 

null

当轴的最大值和最小值设置的时候,被触发,不管是调用.setExtremes()方法或者是选择了图表的一个区域。this关键字是指轴对象本身。惟一的参数event被传递到函数中。用户设置的新的最大值和最小值能够经过event.minevent.max查找。

相关文章
相关标签/搜索