hightchart导出图片

通常在使用highchart导出图片pdf等文件时,我们一般直接引入exporting.js即可

执行导出操作则会直接请求highchart服务器,执行生成图片等操作,然后下载到客户端;

但这一切的操作可执行的前提,必须用户使用的pc客户端连接到外网上,否则无法执行下载操作。

我们必须通过自定义的模式,来实现转换、生成图片pdf等操作。

查询hightchart官网,highchart官网提供了三三种服务端模式,java,php 以及phantomjs(+node),针对我们asp.net程序,如果使用上述三种,还必须依赖其他的http服务器或者即使使用IIS配置也相对麻烦,幸好有一种第三方的.net平台的一种实现:

github地址为:https://github.com/imclem/Highcharts-export-module-asp.net

这里主要记录下使用过程中遇到的一个小问题:

我对hightchart theme进行了设置:

//Highcharts.theme = {
        //    colors: [‘#058DC7‘, ‘#50B432‘, ‘#ED561B‘, ‘#DDDF00‘, ‘#24CBE5‘, ‘#64E572‘, ‘#FF9655‘, ‘#FFF263‘, ‘#6AF9C4‘],
        //    chart: {
        //        backgroundColor: {
        //            linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
        //            stops: [
        //                [0, ‘rgb(255, 255, 255)‘],
        //                [1, ‘rgb(240, 240, 255)‘]
        //            ]
        //        },
        //        borderWidth: 2,
        //        plotBackgroundColor: ‘rgba(255, 255, 255, .9)‘,
        //        plotShadow: true,
        //        plotBorderWidth: 1
        //    },
        //    title: {
        //        style: {
        //            color: ‘#000‘,
        //            font: ‘bold 16px "Trebuchet MS", Verdana, sans-serif‘
        //        }
        //    },
        //    subtitle: {
        //        style: {
        //            color: ‘#666666‘,
        //            font: ‘bold 12px "Trebuchet MS", Verdana, sans-serif‘
        //        }
        //    },
        //    xAxis: {
        //        gridLineWidth: 1,
        //        lineColor: ‘#000‘,
        //        tickColor: ‘#000‘,
        //        labels: {
        //            style: {
        //                color: ‘#000‘,
        //                font: ‘11px Trebuchet MS, Verdana, sans-serif‘
        //            }
        //        },
        //        title: {
        //            style: {
        //                color: ‘#333‘,
        //                fontWeight: ‘bold‘,
        //                fontSize: ‘12px‘,
        //                fontFamily: ‘Trebuchet MS, Verdana, sans-serif‘
        //            }
        //        }
        //    },
        //    yAxis: {
        //        minorTickInterval: ‘auto‘,
        //        lineColor: ‘#000‘,
        //        lineWidth: 1,
        //        tickWidth: 1,
        //        tickColor: ‘#000‘,
        //        labels: {
        //            style: {
        //                color: ‘#000‘,
        //                font: ‘11px Trebuchet MS, Verdana, sans-serif‘
        //            },
        //            formatter: function () {
        //                if (/^\d+$/.test(this.value)) {
        //                    return this.value;
        //                } else {
        //                    return "";
        //                }
        //            }
        //        },
        //        min: 0,
        //        title: {
        //            style: {
        //                color: ‘#333‘,
        //                fontWeight: ‘bold‘,
        //                fontSize: ‘12px‘,
        //                fontFamily: ‘Trebuchet MS, Verdana, sans-serif‘
        //            }
        //        }
        //    },
        //    legend: {
        //        itemStyle: {
        //            font: ‘9pt Trebuchet MS, Verdana, sans-serif‘,
        //            color: ‘black‘

        //        },
        //        itemHoverStyle: {
        //            color: ‘#039‘
        //        },
        //        itemHiddenStyle: {
        //            color: ‘gray‘
        //        }
        //    },
        //    labels: {
        //        style: {
        //            color: ‘#99b‘
        //        }
        //    },

        //    navigation: {
        //        buttonOptions: {
        //            theme: {
        //                stroke: ‘#CCCCCC‘
        //            }
        //        }
        //    }
        //};

        //// Apply the theme
        //var highchartsOptions = Highcharts.setOptions(Highcharts.theme);

  

如果对highchart theme设置比较多,那么会导致提交的xml文件过大,造成内存溢出的问题。

时间: 2024-10-16 16:42:39

hightchart导出图片的相关文章

keynote如何无损导出图片?怎么把图片导出来

在做工作汇报的时候,keynote是我们经常使用的工具,里面会有很多我们用的上的图片素材,那么keynote如何无损导出图片?如何在不丢失画质的情况导出这些图片呢,小编总结了具体的步骤,可以帮您完成这个问题,如果你get了就可以快速导出他们了哦!下面看看具体是如何操作的吧! keynote无损导出图片步骤: 第一步:选中图片 第二步:选择"格式"-"图像" 第三步:在右侧属性栏右上角的位置,将会出现"文件信息",里面包含了这张图片的jpeg图标以

fusioncharts批量导出图片之后自动提交表单

最近一个项目  一个页面有多个fusioncharts,需要将他们一次性导出之后再利用图片做一下操作,制作一个可以客户下载的质检简报. 对客户效果来说,我只需要点击一个按钮就能生成简报并且下载,对开发人员来说就需要,先将图片导出(当然不能挨个导出,要同时执行导出,因为fusioncharts导出太慢了),要确认全部导出了才能提交表单,要不然提交表单之后,图片没有生成出来必然产生异常.下面我们来看一下实现 首先我给每一个fusionchartschart指定一个有规律的id,作用有两个: 一个是导

Highcharts使用phantomjs导出图片

Highcharts使用phantomjs导出图片 ?Highcharts使用phantomjs导出图片 描述 在用Highcharts这个强大的图标组件时,你一定在某些时刻想把画出来的图标导出为一个图片并下载到本地.Highcharts本身提供了导出功能,只需要导入exporting.js文件,就可以在图表右上角找到导出按钮了.这已经基本满足的大多数情况我们的需求.但是这原始到导出是发送请求到Highcharts的服务器上进行转化的,很多时候我们并不想把我们的数据信息暴露给他们,所以我们必须在

Highcharts导出图片

概述: Highcharts是在做项目涉及到统计图的时候大家的首选,同时也会用到highcharts的export功能,将统计图导出为图片,刚好,最近也遇到了这样的事情,总结出来,以备后用. 导出方式: highcharts导出图片实现有三种:highcharts服务器导出.局域网服务器导出.本地后台导出. 首先,highcharts服务器导出是默认的导出方式,不需要任何操作,只需在chart中配置export参数即可,但是这种导出方式需要联网: 其次,局域网服务器导出,需要在局域网内配置导出的

Highcharts 本地导出图片 Java

下载的 Highcharts-2.3.5.zip 解压后 有 E:\Highcharts\Highcharts-2.3.5\exporting-server\java 目录 提供了Java实现的导出应用. 1)安装maven,配置环境变量. (http://maven.apache.org/download.cgi)  1.jdk 我装的是E:\java\jdk\jdk1.6.0_02-windows.exe  2.我的电脑-----属性----高级-----环境变量-----环境变量-----

highcharts 导出图片 .net Demo

highcharts 的Net导出服务  GitHub上整理的https://github.com/imclem/Highcharts-export-module-asp.net 引用两个程序集 sharpPDF.dll,Svg.dll (实际上就是将svg转化成其他格式的图片) 两种导出情况:   1.只需要图片,修改自带导出按钮的请求路径路径就行2.需要插入到word等二次处理再导出时 页面: @{ ViewBag.Title = "Index"; } @section css{

Fusioncharts的导出图片訪问官网问题

Fusioncharts3.5使用自带的导出功能,须要訪问官网 问题描写叙述:使用fusioncharts自带的exportchart方法来导出图片的时候.要訪问export.api3.fusioncharts.com, 为此.因为任务量的大小或者网络性能的原因.或者局域网的限制性导致了下载图片不全或者不能訪问server的 server报504的错误. 解决方式:通过在Fusioncharts.js文件里搜索export.api3.fusioncharts.com发现,它的导出图片的功能,的确

PHP Excel表格导出图片方法

1.进入PHP Excel官网后,找到右边的download按钮,下载,下载完成的是一个压缩文件,解压放到你的项目目录里. 2.查看解压文件是否有PHPExcel_Worksheet_Drawing图片文件类. 3.创建一个excel.php文件,开始编写PHP Excel到出. 实例代码: <?php /** * PHP Excel表格导出图片方法 * 2015-07-30 巴亚云 */ function ExcelCustomers(){ /*引入phpexcel核心类文件*/ includ

highchart本地化导出图片

由于项目运行在内容,而且本身自带的功能是想highcharts  服务器写文件然后再下载的,所以 highchart本地化导出图片 就很需要. 第一步修改export.js 里的URl 在在exporting.js中放心的将http://export.highcharts.com/改为我们自己的地址了,我这里改为了http://192.168.0.32:8080/highchart-export/export这个地址:然后就可以在图表中显示我们自己的地址了,如下图所示: 第二步修改参数 在网上找