如何自定义highcharts图表的导出菜单exporting

如何自定义highcharts图表的导出菜单exporting,第1张

示例1:只需要导出png选项

view sourceprint?

01.$(function () {

02.$('#container').highcharts({

03.

04.chart: {

05.},

06.

07.credits: {

08.enabled: false

09.},

10.

11.xAxis: {

12.categories: ['睁猜Jan', 'Feb'碰早羡, 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

13.},

14.

15.series: [{

16.data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

17.}],

18.

19.exporting: {

20.type:'image/png',

21.buttons: {

22.contextButton: {

23.menuItems: [, {

24.text: '笑拍导出PNG图片文件',

25.onclick: function() {

26.this.exportChart()

27.},

28.separator: false

29.}]

30.}

31.}

32.}

33.

34.})

35.})

highcharts是通过独立的程序导出图表滚敬弯, 默认情况是调用highcharts自己的服务器实现该功能的, 不过,highcharts有提供导出稿闭功能服务代码,包大闷括javaphp、js等版本,具体在highcharts下载包中的exporting-server目录中,

试试只导出 SVG格式看下.

pdf/jpg/png等需要返销服务器 jdk 支持

具体缺失内孙嫌容大概描述下?

exportChart (Object options, Object chartOptions)

options: chart导出的基本参数, 譬如文件名, 导出URL, 等, 默漏凯游认为 构造 chart 时的 exporting 选项

chartOptions: 图表自定义选项, 对象, 譬如

{

width:300

height:200

}

你可以试试在构造时设定导出图表参数中指定尺寸避免 尺寸不够.


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/12126065.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存