Highcharts translation series 7: loading options and navigation options

Source: Internet
Author: User
Highcharts translation series 7: loading option and navigation option 1. loading option parameter description default value hideDuration fade-out effect duration (in milliseconds) 100w.labelstyle: {fontWeight :...

Highcharts translation series 7: loading options and navigation options
1. Loading options

 

Parameters
Description
Default Value
 
HideDuration
Duration of fade-out effect (in milliseconds)
100.0
 
LabelStyle
CSS style of the span for loading tags
LabelStyle :{

FontWeight: 'bold ',

Position: 'relative ',

Top: '1em '}
 
ShowDuration
Duration of the fade-in effect (in milliseconds)
100.0
 
Style
Overwrite the loading Page Style in the drawing Area
Style: {position: 'absolute ',

BackgroundColor: 'white ',

Opacity: 0.5,

TextAlign: 'center '}

 
 

 

Note: The loading option controls whether the loading page covering the drawing area is displayed through chart operations. This page is only displayed when chart. showLoading () is called. It is very practical for developers to interact with end users when something is going on. For example, update data through XHR. "Loading ..." The text content is not part of this configurable object, but part of the lang object.

 

2. navigation printing and export options

 

 

Parameters
Description
Default Value
 
ButtonOptions
Print button and export button
 
 
MenuItemHoverStyle
The CSS style with the mouse sliding option of the menu popped up when the export chart is clicked
MenuItemHoverStyle :{

Background: '#4572A5 ',

Color: '# ffff '}
 
MenuItemStyle
The CSS style of the separate options in the pop-up menu when the export chart is clicked
MenuItemStyle :{

Padding: '0 5px ',

Background: NONE,

Color: '#000000 '}
 
MenuStyle
When the export button is clicked, the CSS style of the menu is displayed.
MenuStyle :{

Border: '1px solid # A0A0A0 ',

Background: '# ffff '}
 

Related Article

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.