Use of chart parameters in highcharts report plug-in

Source: Internet
Author: User
Tags border color

ChartUse of option configuration items in the chart area


Because many chart parameters are configured, I made a separate API for each specific instance and running result of each parameter. If you are interested, you can download it by yourself ~ It must be helpful to you. Link: Chart parameter configuration of highcharts report plug-in

 1. alignticks (used by multiple coordinate axes)

When multiple axes are used, two or more axes are calibrated using the least axis. If the gridlines appear messy, setting alignticks to true is a good way to hide the gridlinewidth of their second axis set to 0.

Boolean Type

The default value is true.


2. Animation

The update effect of the report animation is used with the update () function. This parameter does not work during report initialization.

Booleanobject type

The default value is true.


3. backgroundcolor

Set the background color of the chart area.

String type

The default value is # ffffff.


 4. bordercolor

Set the color of the chart border only when borderwidth is not 0.

String type

The default value is #4572a7.


 5. borderradius

Set the border corner angle of the chart. It only works when borderwidth is not 0.

Number Type

The default value is 5.


 6. borderwidth

Set chart Border Width

Number Type

The default value is 0.

 

7. classname

Class Name that contains the chart Div, that is, the DIV corresponding to the renderto ID.

String type

The default value is null.


 8. defaserseriestype

Set the default chart type. Optional line indicates the line type, spline indicates the line type, area indicates the line type, areaspline indicates the curve type, column indicates the column type, and bar indicates the horizontal bar type, pie indicates the pie type and scatter indicates the spreading type.

String type

The default value is line.


9. Events

Events triggered by triggering the chart background.

 (1) Click () Click Event

 (2) addseries () method before adding axis data

 (3) load () events triggered after a chart is loaded

 (4) redraw () redraw Method

 (5) selection ()

 10. Height

The height of the chart. By default, the adaptive height is based on the chart container.

Number Type

Default Value: NULL


 11. ignorehiddenseries

If it is set to true, when you click legend, the axis will be hidden and the axis will be extended. If there is any remaining axis after expansion, the remaining axis will be displayed. If it is false, the remaining or more axes are not hidden. Once one of the series in the stack is hidden, the rest of the stacks around it will be closed even if the axis is not affected.

Boolean Type

The default value is true.

 

12. Inverted

Whether the report chart is reversed, that is, the X axis is vertical axis and the Y axis is horizontal. If it is set to true, the report will be reversed.

Boolean Type

The default value is false.

13. Margin

The gap between the chart and the outer border of the drawing area.

Array type

The default value is margin: [null].


14. margintop

The gap between the chart and the upper border of the drawing area.

Number Type

The default value is margintop: null.


15. marginright

The gap between the chart and the outer and right border of the drawing area.

Number Type

The default value is marginright: 50.


16. marginbottom

The gap between the chart and the outer border of the drawing area.

Number Type

The default value is marginbottom: 70.


17. marginleft

The gap between the chart and the outer border of the drawing area.

Number Type

The default value is marginleft: 80.


18. plotbackgroundcolor

The background color of the drawing area.

Color type

The default value is null.


19. plotbackgroundimage

The background image of the drawing area.

String type

The default value is null.


20. plotbordercolor

Border color of the drawing area. It is valid only when the plotborderwidth is not 0.

Color type

Default # c0c0c0

21. plotborderwidth

The Border width of the drawing area.

Number Type

The default value is 0.


 22. plotshadow

Whether to shadow the drawing area first. It takes effect only when plotbackgroundcolor is not empty.

Boolean Type

The default value is false.

23. reflow

The length and width of a report chart do not change with the browser. True indicates that the browser changes.

Boolean Type

The default value is true.


24. renderto

The ID of the report container.

String type

The default value is null.

25. Shadow

The shadow effect of the report container. It is valid only when backgroundcolor has a value.

Boolean Type

The default value is false.

26. showaxes

Whether to display the original axis. It is only applicable to dynamic addition in an empty table. series is automatically added to the coordinate axis.

Boolean Type

The default value is false.

27. spacingtop

(Drawing area, axis title label, title, subtitle or top position in legend) the space between the upper edge of the chart and content.

Number Type

The default value is 10.

28. spacingright

Space between the right edge of the chart and content (in the drawing area, axis title label, title, subtitle, or top position in legend.

Number Type

The default value is 10.


29. spacingbottom

(Drawing area, axis title label, title, subtitle or top position in legend) space between the chart and the bottom edge of the content.

Number Type

The default value is 15.


30. spacingleft

(The space between the left edge of the chart and content in the drawing area, axis title label, title, subtitle or top position in legend.

Number Type

The default value is 10.


31. Style

The format of the DIV used by the device to store the report container.

Cssobject type

Default Value

Style :{

Fontfamily: '"lucida Grande", "lucida sans Unicode", verdana, Arial, Helvetica, sans-serif', // default font

Fontsize: '12px'

}

32. Type

The basic type of the chart.

String type

The default value is line.

Line indicates the line type.

Spline indicates the curve type

Area indicates Line Break Type

Areaspline indicates curve type

Column indicates the column type

Bar indicates the horizontal bar model.

Pie indicates the pie type

Scatter indicates the dissemination type

33. Width

The width of the report container.

Number Type

The default value is null.


34. zoomtype

You can drag the mouse to enlarge the area. You can zoom in through the X axis, Y axis, or XY axis.

String type

The default value is ""

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.