Highcharts教程(3) exporting导出和打印选项

发布时间:2019-07-30编辑:脚本学堂
本文是Highcharts教程的第三节,介绍下exporting导出和打印选项的相关内容,有需要的朋友参考下。
highcharts教程第三部分的内容:exporting导出和打印选项。

1,exporting 导出和打印选项
参数 描述 默认值
buttons exportButton、printButton 导出和打印的默认值
chartOptions 给导出图表添加图表选项 null
enabled 导出模块是否可用 true
filename 导出图表的文件名称,不带扩展名 chart
type chart.exportChart()被调用时,如果没有特殊的type选项,就使用默认的MIME类型导出 image/png
url 转化SVG字符串为图片格式的服务器模块的URL http://export.highcharts.com
width 图表导出为png或jpg类型的时候的像素宽度 800.0

2,exportButton导出按钮
参数 描述 默认值
align 按钮的对齐方式 right
backgroundColor 按钮的背景色或渐变色 null
borderColor 按钮的边框颜色 #B0B0B0
borderRadius 按钮边框的圆角半径 3.0
borderWidth 按钮的边框宽度 1.0
enabled 按钮是否可用 true
height 按钮的像素高度 20.0
hoverBorderColor 鼠标经过时按钮的边框颜色 #909090
hoverSymbolFill 参见navigation.buttonOptions=>hoverSymbolFill #768F3E
hoverSymbolStroke 鼠标经过按钮,按钮内部标志的边框线颜色 #4572A5
menuItems 菜单项 null
onclick 按钮的点击事件 chart.print()
symbol 按钮的标志 exportIcon
symbolFill 参照navigation.buttonOptions=>symbolFill #A8BF77
symbolSize 按钮内标志的像素大小 12.0
symbolStroke 标志的边框或线的颜色 #A0A0A0
symbolStrokeWidth 按钮内标志的边框宽度 1.0
symbolX 标志在按钮中间的x轴偏移量 11.5
symbolY 标志在按钮中间的y轴偏移量 10.5
verticalAlign 按钮的垂直位置 top
width 按钮的宽度。 24.0
x 按钮相对于align选项的水平位置 -36.0
y 按钮相对于verticalAlign选项的垂直偏移量 10.0

3,printButton打印按钮
参数 描述 默认值
align 按钮的对齐方式 right
backgroundColor 按钮的背景色或渐变色 null
borderColor 按钮的边框颜色 #B0B0B0
borderRadius 按钮边框的圆角半径 3.0
borderWidth 按钮的边框宽度 1.0
enabled 按钮是否可用 true
height 按钮的像素高度 20.0
hoverBorderColor 鼠标经过时按钮的边框颜色 #909090
hoverSymbolFill 参见navigation.buttonOptions=>hoverSymbolFill #768F3E
hoverSymbolStroke 鼠标经过按钮,按钮内部标志的边框线颜色 #4572A5
menuItems 菜单项 null
onclick 按钮的点击事件 chart.print()
symbol 按钮的标志 exportIcon
symbolFill 参照navigation.buttonOptions=>symbolFill #A8BF77
symbolSize 按钮内标志的像素大小 12.0
symbolStroke 标志的边框或线的颜色 #A0A0A0
symbolStrokeWidth 按钮内标志的边框宽度 1.0
symbolX 标志在按钮中间的x轴偏移量 11.5
symbolY 标志在按钮中间的y轴偏移量 10.5
verticalAlign 按钮的垂直位置 top
width 按钮的宽度。 24.0
x 按钮相对于align选项的水平位置 -36.0
y 按钮相对于verticalAlign选项的垂直偏移量 10.0