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文件过大,造成内存溢出的问题。
hightchart导出图片的更多相关文章
- C#向PPT文档插入图片以及导出图片
PowerPoint演示文稿是我们日常工作中常用的办公软件之一,而图片则是PowerPoint文档的重要组成部分,那么如何向幻灯片插入图片以及导出图片呢?本文我将给大家分享如何使用一个免费版Power ...
- .net 下新版highcharts本地导出图片bug处理
最近公司要用到highcharts这个插件来生成图表,所以我花了点时间研究了下. 现在最新的版本是3.0.2,这js插件居多优点就不比多说了,demo官网上也很详细.但是优点不爽的地方是,导出图片这个 ...
- Asp.net通过模板(.dot/Html)导出Word,同时导出图片
一.Office组件导出Word(服务器配置麻烦) 需要引用Office的DLL,在下文的附件中,不同的Offic版本用的不一样,虽然高级版本可以兼容低级的,不过,还是统一版本最好 贴上核心代码(转载 ...
- FusionCharts V3图表导出图片和PDF属性说明(转)
百闻不如一见,狠狠点击,快快下载:(演示文档有错误,不提供下载了.待新的演示文档出来.) 许多朋友说上面的DEMO用不了.fusioncharts官方的演示非常不错,就是来不及整理,各位大侠们可以研究 ...
- FusionChart 导出图片 功能实现(转载)
FusionChart 导出图片 功能实现(转载) http://www.cnblogs.com/jiagoushi/archive/2013/02/05/2893468.html 题目:精美Fusi ...
- Highcharts 本地导出图片和PDF asp.net mvc版
啰嗦: 现在大家利用Highcharts开发时,有时候会遇到导出的功能问题,但是highcharts默认是链接自己的服务器上进行处理,但是有时候我们会连不上他的服务器,所以我们要让他在我们的服务器上进 ...
- JXLS 2.4.0系列教程(六)番外篇——导出图片(完结)
突然想起来有同学说过能不能导出图片,本来我是想说不懂的,后来我上官网查了查,还挺容易.我就简短的写一写怎么导出图片. 官方提供了导出图片标签: jx:image(lastCell="D10& ...
- 微信小程序 canvas导出图片模糊
//保存到手机相册save:function () { wx.canvasToTempFilePath({ x: , y: , width: , //导出图片的宽 height: , //导出图片的高 ...
- Activiti开发案例之activiti-app工作流导出图片
前言 自从 Activiti 和 JBPM4 分家以后,Activiti 目前已经发展到了版本7,本着稳定性原则我们最终选择了6,之前还有一个版本5. 问题 在开发使用的过程中发现 Activiti ...
随机推荐
- DevExpress中获取RichTextEdit中RichEditControl的两种方式
方式一: var rte = sender as RichTextEdit; control = rte.Controls[] as RichEditControl; 方式二: PropertyInf ...
- javascript中类的属性研究
原文:javascript中类的属性研究 本篇文章主要针对javascript的属性进行分析,由于javascript是一种基于对象的语言,本身没有类的概念,所以对于javascript的类的定义有很 ...
- UIAppDelegate介绍
#import "GLAppDelegate.h" @implementation GLAppDelegate // 当应用程序启动完毕的时候就会调用(系统自动调用) - (BOO ...
- linux open
一直记住不打开文件时候的mode,今天发现原来可以直接用0644这样的八进制数字代替,好开森 #include <stdio.h> #include <sys/types.h> ...
- JavaScript中,关于new的那些事
这篇文章是自己对new学习过程中的一些理解,有不对的地方希望指出,接受组织的批评教育. 导火线,前段时间学习jQuery的时候,看到源码中有这样一段: jQuery = function(select ...
- css mainDiv和popbox居中
<style> .beCenter { width:460px; height:212px; background:#ccc; ...
- Chrome控制台 JS调试
Chrome控制台 JS调试的一些小技巧 $ $_命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的,但它可以做为一个变量使用在你接下来的表达式中. $0~$4则代表了最近5个你选择 ...
- 如果在VMware上免费下载驱动
1.在不登录,或者没有账号的情况下,进入VMare的驱动下载界面,可以发现有一个大大的Download按钮. 2.点这个按钮,会提示登录. 3.注册账号登录后,回到驱动下载界面,会发现Download ...
- 快速构建Windows 8风格应用13-SearchContract构建
原文:快速构建Windows 8风格应用13-SearchContract构建 本篇博文主要介绍如何在应用中构建SearchContract,相应的原理已经在博文<快速构建Windows 8风格 ...
- 解决Shockwave flash在chrome该浏览器崩溃
越来越多的人开始使用chrome浏览器,很多用户都遇到过flash崩溃.有时重启chrome为了解决,有时不可能使用chrome无论打开什么网站是什么flash.这个问题是非常小的Firefox或IE ...