highchart去掉highcharts.com及导出

右下角默认会有highcharts.com

credits: { enabled:false}

 

导出服务用于Highcharts导出功能,即通过导出服务器将图表导出为常见图片格式或 PDF 文档。

默认有将图表导出为图片或打印的功能,若想去掉

exporting: { enabled:false }

修改导出菜单为中文

 

$(function () {
    Highcharts.setOptions({
            lang: {
                 printChart:"打印图表",
                  downloadJPEG: "下载JPEG 图片" , 
                  downloadPDF: "下载PDF文档"  ,
                  downloadPNG: "下载PNG 图片"  ,
                  downloadSVG: "下载SVG 矢量图" , 
                  exportButtonTitle: "导出图片" 
            }
        });
    $('#container').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            type: 'pie',    
        },
        colors:[ //自定义颜色
            '#2ec7c9',
            '#b6a2de',
            '#5ab1ef',
            '#ffb980',
            '#d87a80',
            '#8d98b3', 
            '#1e90fa', 
            '#e5cf0d', 
            '#97b552',
            '#95706d'
        ],
        credits: {  //去掉highcharts.com
          enabled:false
        },
        exporting: {  //导出,不显示false
            enabled:true,
        },
        title: {
            text: 'Example'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.y}</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b>: {point.y} ',
                    style: {
                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                    }
                }
            }
        },
        series: [{
            name: 'Name',
            colorByPoint: true,
            data: [{
                name: 'AA',
                y: 56
            }, {
                name: 'BB',
                y: 22,
                sliced: true,
                selected: true
            }, {
                name: 'CC',
                y: 11
            }, {
                name: 'DD',
                y: 5
            }]
        }]
    });
});

 

 

需要引入highcharts包里exporting.js 即可实现图表导出功能,默认导出服务器是官网提供的

在线导出服务器是需要联网才能完成其功能的,在不能联网的情况下,可以搭建自己的导出服务器

运行环境:java(jre)、Apache + php

将下载的文件的export目录放在apache 目录下,

php.ini中的safe_mode = off 是否设置,确保可以生成svg

如果是linux下确保temp权限为777

用java -jar batik-rasterizer.jar,测试是否配置好batik-rasterizer.jar,

修改自己的js文件 exporting.url 值为 

 

exporting: {
            enabled:true,
            url:http://{IP}/export/index.php
},

 

转载于:https://www.cnblogs.com/baby123/p/5106044.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Highcharts支持将图表导出为PDF文件。要将多个导出的图表文件合并为一个PDF文件,可以使用一些第三方库或在线服务,例如PDFtk、iLovePDF等。 下面是一些基本的步骤: 1. 使用Highcharts导出图表为PDF文件,并将其保存到本地计算机上或者服务器上。 2. 在代码中使用第三方库或在线服务将每个PDF文件合并为一个文件。 3. 将合并后的PDF文件保存到本地计算机上或者服务器上。 以下是一个使用PDFtk将多个PDF文件合并为一个文件的示例代码: ```javascript // 导出第一个图表为PDF文件 Highcharts.exportCharts({ type: 'application/pdf', filename: 'chart1.pdf', sourceWidth: 600, sourceHeight: 400 }, function (pdf) { // 将第一个PDF文件保存到本地计算机或者服务器上 fs.writeFileSync('chart1.pdf', pdf); // 导出第二个图表为PDF文件 Highcharts.exportCharts({ type: 'application/pdf', filename: 'chart2.pdf', sourceWidth: 600, sourceHeight: 400 }, function (pdf) { // 将第二个PDF文件保存到本地计算机或者服务器上 fs.writeFileSync('chart2.pdf', pdf); // 使用PDFtk将两个PDF文件合并为一个文件 var cmd = 'pdftk chart1.pdf chart2.pdf cat output merged.pdf'; exec(cmd, function (error, stdout, stderr) { if (error) { console.error('Error merging PDF files:', error); } else { console.log('PDF files merged successfully.'); } }); }); }); ``` 在上面的示例代码中,我们首先导出了两个不同的图表为PDF文件,然后使用PDFtk将这两个PDF文件合并为一个文件。最终的结果文件为merged.pdf。请注意,PDFtk需要在服务器上安装,并且可以使用exec命令来执行系统命令。如果需要在客户端浏览器中合并PDF文件,可以考虑使用在线服务,例如iLovePDF等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值