通常在使用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文件过大,造成内存溢出的问题。

hightchart导出图片的更多相关文章

  1. C#向PPT文档插入图片以及导出图片

    PowerPoint演示文稿是我们日常工作中常用的办公软件之一,而图片则是PowerPoint文档的重要组成部分,那么如何向幻灯片插入图片以及导出图片呢?本文我将给大家分享如何使用一个免费版Power ...

  2. .net 下新版highcharts本地导出图片bug处理

    最近公司要用到highcharts这个插件来生成图表,所以我花了点时间研究了下. 现在最新的版本是3.0.2,这js插件居多优点就不比多说了,demo官网上也很详细.但是优点不爽的地方是,导出图片这个 ...

  3. Asp.net通过模板(.dot/Html)导出Word,同时导出图片

    一.Office组件导出Word(服务器配置麻烦) 需要引用Office的DLL,在下文的附件中,不同的Offic版本用的不一样,虽然高级版本可以兼容低级的,不过,还是统一版本最好 贴上核心代码(转载 ...

  4. FusionCharts V3图表导出图片和PDF属性说明(转)

    百闻不如一见,狠狠点击,快快下载:(演示文档有错误,不提供下载了.待新的演示文档出来.) 许多朋友说上面的DEMO用不了.fusioncharts官方的演示非常不错,就是来不及整理,各位大侠们可以研究 ...

  5. FusionChart 导出图片 功能实现(转载)

    FusionChart 导出图片 功能实现(转载) http://www.cnblogs.com/jiagoushi/archive/2013/02/05/2893468.html 题目:精美Fusi ...

  6. Highcharts 本地导出图片和PDF asp.net mvc版

    啰嗦: 现在大家利用Highcharts开发时,有时候会遇到导出的功能问题,但是highcharts默认是链接自己的服务器上进行处理,但是有时候我们会连不上他的服务器,所以我们要让他在我们的服务器上进 ...

  7. JXLS 2.4.0系列教程(六)番外篇——导出图片(完结)

    突然想起来有同学说过能不能导出图片,本来我是想说不懂的,后来我上官网查了查,还挺容易.我就简短的写一写怎么导出图片. 官方提供了导出图片标签: jx:image(lastCell="D10& ...

  8. 微信小程序 canvas导出图片模糊

    //保存到手机相册save:function () { wx.canvasToTempFilePath({ x: , y: , width: , //导出图片的宽 height: , //导出图片的高 ...

  9. Activiti开发案例之activiti-app工作流导出图片

    前言 自从 Activiti 和 JBPM4 分家以后,Activiti 目前已经发展到了版本7,本着稳定性原则我们最终选择了6,之前还有一个版本5. 问题 在开发使用的过程中发现 Activiti ...

随机推荐

  1. DevExpress中获取RichTextEdit中RichEditControl的两种方式

    方式一: var rte = sender as RichTextEdit; control = rte.Controls[] as RichEditControl; 方式二: PropertyInf ...

  2. javascript中类的属性研究

    原文:javascript中类的属性研究 本篇文章主要针对javascript的属性进行分析,由于javascript是一种基于对象的语言,本身没有类的概念,所以对于javascript的类的定义有很 ...

  3. UIAppDelegate介绍

    #import "GLAppDelegate.h" @implementation GLAppDelegate // 当应用程序启动完毕的时候就会调用(系统自动调用) - (BOO ...

  4. linux open

    一直记住不打开文件时候的mode,今天发现原来可以直接用0644这样的八进制数字代替,好开森 #include <stdio.h> #include <sys/types.h> ...

  5. JavaScript中,关于new的那些事

    这篇文章是自己对new学习过程中的一些理解,有不对的地方希望指出,接受组织的批评教育. 导火线,前段时间学习jQuery的时候,看到源码中有这样一段: jQuery = function(select ...

  6. css mainDiv和popbox居中

    <style>     .beCenter {         width:460px;         height:212px;         background:#ccc;    ...

  7. Chrome控制台 JS调试

    Chrome控制台 JS调试的一些小技巧 $ $_命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的,但它可以做为一个变量使用在你接下来的表达式中. $0~$4则代表了最近5个你选择 ...

  8. 如果在VMware上免费下载驱动

    1.在不登录,或者没有账号的情况下,进入VMare的驱动下载界面,可以发现有一个大大的Download按钮. 2.点这个按钮,会提示登录. 3.注册账号登录后,回到驱动下载界面,会发现Download ...

  9. 快速构建Windows 8风格应用13-SearchContract构建

    原文:快速构建Windows 8风格应用13-SearchContract构建 本篇博文主要介绍如何在应用中构建SearchContract,相应的原理已经在博文<快速构建Windows 8风格 ...

  10. 解决Shockwave flash在chrome该浏览器崩溃

    越来越多的人开始使用chrome浏览器,很多用户都遇到过flash崩溃.有时重启chrome为了解决,有时不可能使用chrome无论打开什么网站是什么flash.这个问题是非常小的Firefox或IE ...