• 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
    },
  • 相关阅读:
    ASP.NET登录记住用户名
    .NET枚举类型转为List类型
    display:inline-block 去除间隙
    sublime text 3 常用快捷键 、常用插件
    使用背景图代码
    Photo Shop 修改、维护
    前端协作流程
    Photo Shop切图
    Photo Shop 设置
    Flex 弹性布局
  • 原文地址:https://www.cnblogs.com/baby123/p/5106044.html
Copyright © 2020-2023  润新知