Highcharts detailed translation series 1: chart Option

Source: Internet
Author: User

Highcharts detailed translation series 1: chart Option
1. Overview

 

Parameters
Description
Default Value
 
AlignTicks
Is the minimum scale automatically calculated for Multiple Axes?
True
 
Animation
Enable animation effect?
True
 
BackgroundColor
Background color or gradient color outside the chart
# FFFFFF
 
BorderColor
Color of the outer border of the chart
#4572A7
 
BorderRadius
Radius of the rounded corner of the outer border of the chart
5.0
 
BorderWidth
Pixel width of the outer border
0.0
 
ClassName
A css class name used by the chart container div
Null
 
DefaultSeriesType
Type alias
Null
 
Events
AddSeries, click, load, redraw, selection
Null
 
Height
An explicit chart height
Null
 
IgnoreHiddenSeries
If true, once a series is hidden, the axis will expand the remaining visible series.
True
 
Inverted
Whether to invert the axis so that the vertical Y axis is horizontal
False
 
Margin
The outer border of the chart and the margin of the drawing Area
Null
 
MarginBottom
Bottom margin
Null
 
MarginLeft
Left margin
Null
 
MarginRight
Right margin
Null
 
MarginTop
Top margin
Null
 
PlotBackgroundColor
Background color or gradient of the drawing Area
Null
 
PlotBackgroundImage
URL of the background image in the drawing Area
Null
 
PlotBorderColor
Border color of the drawing Area
# C0C0C0
 
PlotBorderWidth
Border width of the drawing Area
0.0
 
PlotShadow
Whether the shadow effect is used in the drawing Area
False
 
Polar
Polar Coordinates
False
 
Reflow
Adaptive div size when the window size changes
True
 
RenderTo
HTML elements that can be rendered by charts
Null
 
ResetZoomButton
A button after scaling allows you to reset the scaling position, relativeTo, theme
Null
 
SelectionMarkerFill
Background Color of the selected chart area
Rgba (69,114,167, 0.25)
 
Shadow
Apply shadow to external charts?
False
 
ShowAxes
Whether to display the original axis
False
 
SpacingBottom
Distance between the bottom and content of the chart
15
 
SpacingLeft
Distance between the left and content of the chart
10.0
 
SpacingRight
Distance between the right and content of the chart
10.0
 
SpacingTop
Distance between the top and content of the chart
10.0
 
Style
The extra CSS style can be used for the internal div container.
Null
 
Type
Default Chart Style
Line
 
Width
Explicit chart width
Null
 
ZoomType
Zoom, which can be one of x, y, or xy
Null
 

 

2. Details alignTicks: Boolean.

When multiple axes are used, the interval of scales is automatically added to two or more axes based on the minimum scale. You can disable automatic scale division by setting alignTicks to false. If the table line looks messy, it is a good practice to hide the dial line by setting the gridLineWidth of the second axis to 0. The default value of alignTicks is true.

 

 

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.