17 of the Highcharts translation series: style of the xAxis X axis (1)

Source: Internet
Author: User

17 of the Highcharts translation series: style of the xAxis X axis (1)
XAxis X axis style Overview

 

Parameters
Description
Default Value
 
AllowDecimals
Whether to use decimal places for the scale on the axis.
True
 
AlternateGridColor
When the remaining mesh colors are used, the table will change color from row to row.
Null
 
Categories
The name of the X axis. For example, categories: ['append', 'banas', 'oranges']
[]
 
DateTimeLabelFormats
Timeline, which is automatically calculated based on the appropriate unit.
{Second: '% H: % M: % s ',

Minute: '% H: % m ',

Hour: '% H: % m ',

Day: '% e. % B ',

Week: '% e. % B ',

Month: '% B \' % y ',

Year: '% y '}
 
EndOnTick
Whether to force the axis to end with a scale. Use this item and maxPadding to control the end of the axis.
False
 
Events
Refer to events
 
 
GridLineColor
Color of gridlines in the drawing Area
# C0C0C0
 
GridLineDashStyle
The point or line style of the gridline.
Solid
 
GridLineWidth
Width of gridlines in the drawing Area
0.0
 
Id
The id of the axis. After rendering a chart, you can use chart. get () to obtain a vertex.
Null
 
Labels
Refer to labels
 
 
LineColor
The line color of the axis.
# C0D0E0
 
LineWidth
The width of the line of the axis.
1.0
 
Similar
Index pointing to another axis of the current axis. When an axis points to the spindle, it will have the same extreme value as the spindle, but can be changed through min, max or setExtremes. It can also be used to display additional information, or to ease Chart display by copying a scale.
Null
 
Max
The maximum value of the axis. If it is null, the maximum value is automatically calculated. If the endOnTick option is true, the value of max may be rounded in. The actual maximum value is also affected by chart. alignTicks.
Null
 
MaxPadding
Fill gap between the maximum value and the length of the axis. When the padding value is 0.05, the length of 5px of the Axis with a length of PX is obtained.
0.01
 
MaxZoom
Expired. V2.2 is renamed minRange.
Null
 
Min
The minimum value of the axis. If it is null, the minimum value is automatically calculated.
Null
 
MinPadding
Fill gap between the minimum value and the length of the axis. If the padding value is 0.05, A 5px value with a length of PX is obtained.
0.01
 
MinRange
The minimum range of the axis. The entire axis is not allowed to span this minimum interval. For example, a timeline is mainly measured in milliseconds.
Null
 
MinTickInterval
The minimum interval allowed by the Axis value. For example, a scaling axis is used to display daily data, which can be used to prevent the hour from being displayed on the axis.
Null
 
MinorGridLineColor
Minimum level, the color of the secondary gridline.
# E0E0E0
 
MinorGridLineDashStyle
The dash or dot style of the secondary gridline.
Solid
 
MinorGridLineWidth
The width of the secondary gridline.
1.0
 
MinorTickColor
The color of the secondary scale.
# A0A0A0
 
MinorTickInterval
The scale interval of the secondary gridline, in the unit of scale. In a linear axis, for 'auto', the secondary interval is 1/5 of the interval. If it is null, the secondary scale is not displayed.
Null
 
MinorTickLength
Pixel length of the secondary Scale
2.0
 
MinorTickPosition
The position of the secondary scale relative to the axis. It can be inside or outside.
Outside
 
MinorTickWidth
Pixel width of the secondary Scale
0.0
 
Offset
The pixel distance from the drawing area to the axis. A positive offset will keep the line, tab, and scale of the Axis away from the drawing area.
0.0
 
Opposite
Whether to display the axis on the opposite side of the normal display. Normal display is vertical left, horizontal below, so the opposite is vertical right and horizontal top.
False
 
PlotBands
Refer to plotBands
 
 
PlotLines
Refer to plotLines
 
 
Reversed
Whether to reverse the axis to bring the highest point closer to the starting point.
False
 
ShowEmpty
Whether to display the axis and title. When the axis does not contain data
Null
 
ShowFirstLabel
Whether to display the first scale label
True
 
ShowLastLabel
Whether to display the last scale label
False
 
StartOfWeek
For the timeline, the scale between axes is determined. 0 = Sunday, 1 = Monday.
1.0
 
StartOnTick
Whether to force the axis to start with a scale. Use the start of the control axis with the maxPadding option.
False
 
TickColor
The color of the main scale.
# C0D0E0
 
TickInterval
The interval of the scale, in the unit of axis. When the value is null, the linear axis's scale interval is equal to tickPixelInterval, and the timeline is about the time interval.
Null
 
TickLength
The length of the master scale.
5.0
 
TickPixelInterval
When tickInterval is null, this option sets the approximate interval pixel value of the scale mark.
Y axis: 72, X axis: 100.
 
TickPosition
The position of the scale mark relative to the axis. It can be inside or outside.
Outside
 
TickPositioner
The callback function returns an array that defines the order of scales on the axis.
Null
 
TickPositions
Defines an array of axis scales.
Null
 
TickWidth
The pixel width of the main scale.
1.0
 
TickmarkPlacement
Used only on the category axis. If it is on, the scale is marked in the center of the Classification. If it is between, the scale is between two categories.
Between
 
Title
Refer to title
 
 
Type
Axis type. It can be linear, logarithmic, or datetime.
Linear
 

 

Event 'X' event

 

Parameters
Description
Default Value
 
AfterSetExtremes
Events relative to setExtremes events. This event is triggered after the final minimum and maximum values are calculated and the minRange is corrected.
Null
 
SetExtremes
Triggered when the maximum and minimum values of an axis are set, whether the. setExtremes () method is called or a region of the chart is selected. This keyword refers to the axis object itself. The unique parameter event is passed to the function. The new maximum and minimum values set by the user can be searched through event. min and event. max.
Null
 

 

Lables 'x axis 'label

 

Parameters
Description
Default Value
 
Align
Horizontal alignment. It can be 'left', 'right', or 'center '.
Center
 
Enabled
Enable or disable axis labels
True
 
Formatter
The callback javascript function is used to format tags. The value is obtained through this. value. The additional attributes of this, such as axis, chart, isFirst, and isLast.
Function (){

Return this. value ;}

 
 
Overflow
If the horizontal axis overflow label is processed. It can be undefined and 'justify '. For justify, labels are not rendered outside the drawing area. If there is enough space to move it, it will be aligned on the edge, otherwise it will be removed.

 
Null
 
Rotation
Label Rotation Angle
0
 
StaggerLines
Used only on the horizontal axis. Distribute tags in several rows to increase or decrease the tag space.
Null
 
Step
Every n labels are displayed on the axis. Set step to n. Set step to 2 and display labels at intervals of 1.
Null
 
Style
CSS style of the tag
Style :{

Color: '# 6d869f ',

FontWeight: 'bold'

}
 
UseHTML
Whether to use HTML Rendering labels
False
 
X
Offset of x at the position of the label relative to the axis Scale
0
 
Y
The offset of the label to y at the position of the Axis scale.
0
 

 

PlotBands plot and plotLines plot line and title, refer to the next blog X axis style 2.

 

 

 

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.