Highcharts教程(7) loading加载选项、navigation 选项

发布时间:2019-12-10编辑:脚本学堂
本文是Highcharts教程第七节的内容,介绍下loading加载选项、navigation 选项相关的内容,有需要的朋友参考下。
>>> highcharts教程第七节的内容:loading加载选项和navigation 选项。
 
1,Loading加载选项  
参数 描述 默认值
hideDuration 淡出效果的持续时间(以毫秒为单位) 100.0
labelStyle 加载标签的span的css样式 labelStyle: { fontWeight:  'bold', position:  'relative', top: '1em'}
showDuration 淡入效果的持续时间(以毫秒为单位) 100.0
style 覆盖在绘图区的加载页面的样式 style: {position: 'absolute', backgroundColor: 'white', opacity: 0.5, textAlign: 'center'}

说明:加载选项通过图表的操作控制着覆盖在绘图区域的加载页面是否显示。
这个页面仅在显示调用chart.showLoading()时,显示。
对于开发者着和终端用户交互有些事情正在进行的情况,非常实用。
比如通过XHR更新数据。“Loading…”文本内容本身不是这个可配置对象的一部分,是lang对象的一部分。 

2,navigation打印和导出选项
参数 描述 默认值
buttonOptions 打印按钮和导出按钮  
menuItemHoverStyle 当导出图表被点击时弹出的菜单的单独选项的鼠标滑过的CSS样式 menuItemHoverStyle:  {        background: '#4572A5',        color: '#FFFFFF'}
menuItemStyle 当导出图表被点击时弹出的菜单的单独选项的CSS样式 menuItemStyle: {        padding: '0 5px',        background: NONE,        color: '#303030'}
menuStyle 当导出按钮被点击时,弹出菜单的CSS样式 menuStyle: {
border: '1px  solid #A0A0A0',
background:  '#FFFFFF'}
 

有关buttonOption属性的内容,请参考文章:Highcharts教程(3) exporting导出和打印选项