baby123

右下角默认会有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
},

 

分类:

技术点:

相关文章:

  • 2021-09-03
  • 2021-12-21
  • 2022-12-23
  • 2022-12-23
  • 2021-06-20
  • 2021-05-06
  • 2022-12-23
猜你喜欢
  • 2021-07-10
  • 2021-06-02
  • 2022-12-23
  • 2022-12-23
  • 2022-01-15
  • 2021-06-15
相关资源
相似解决方案