公司的架构师让我做一个mockup,要用到highCharts,,以前想接触的,没时间学习,也没有用过,正好工作可以用上了,可以边学边做了. 环境 <script src="./js/jquery-1.8.3.min.js"></script> <script src="./js/highcharts.js"></script> highCharts可以基于jQuery.MooTools .Prototype .Hig…

由于项目中highcharts需要内网使用,需要本地搭建导出的环境.下面简述下步骤: 1.下载开源的.net导出文件:https://github.com/imclem/Highcharts-export-module-asp.net 2.新建虚拟站点,IIS下配置如图:(注意端口设定:80端口已经用了,就设定为8081:应用池的设定,仅支持framework3.5以上版本) 3.拷贝下载的压缩包中的Exporting_Demo_website文件夹下的文件到新站点的目录下.删除目录下的web.…

问题1: 图表不显示(但有些浏览器可以显示chrome,IE.火狐不显示),原因可能是前台页面js代码有些问题.highcharts兼容性是比较好的.我遇到的问题是,使用了.replace(/T/, " ")对数据库中的日期进行了操作就导致了上述问题,加上就出现在火狐.IE中不显示图表但在Google中可以. 问题2: 日期显示出现Invalid Date,原因可能是从数据库中读取时,日期按照降序排列了.要改为升序,并且日期要转化成格林威治时间,js中使用Date.parse(),可以…

最近公司要用到highcharts这个插件来生成图表,所以我花了点时间研究了下. 现在最新的版本是3.0.2,这js插件居多优点就不比多说了,demo官网上也很详细.但是优点不爽的地方是,导出图片这个功能是通过请求官网的服务器地址下载的,这个就有点不爽了,因为很多系统要求的环境是不联网就能使用的,本人英语很挫,开始不知道官网的下载页面,下面会提供第三方的解决办法,自己在Google大神上面找了很久,最后找到了一个外国人写的一Demo,Highcharts-export-module-asp.ne…

在我们做各种应用的时候,我们可能都会使用到图表统计,以前接触过一些不同的图表控件,在无意中发现了图表控件Highcharts,其强大的功能和丰富的互动效果,令人难以忘怀.本篇主要介绍在Web开发中使用图表控件Highcharts,以及对其进行统一汉化等操作,让我们的程序功能更加丰富,内容更加美观. 1.Highcharts基础介绍 Highcharts是一个非常流行,界面美观的纯Javascript图表库.它主要包括两个部分:Highcharts和Highstock.Highcharts可以为您…

最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重构完善过程中,很多细节花费不少时间进行研究和提炼,一步步走过来,也积累了不少经验,本系列将主要介绍我在进一步完善我的Web框架基础上积累的经验进行分享,本随笔主要介绍利用jQuery Tags Input 插件显示选择记录. 我在利用jQuery Tags Input 插件之前,一直想找一个合适的J…

一般动态获取图表信息都是通过ajax交互传送数据. 这次是一次性从后台返回集合后,直接在页面取数据绘制图表 引用js <script type="text/javascript" src="/js//jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/js/Highcharts-3.0.7/js/highcharts.js&…

综合类 微软企业库 微软官方出品,是为了协助开发商解决企业级应用开发过程中所面临的一系列共性的问题, 如安全(Security).日志(Logging).数据访问(Data Access).配置管理(Configuration Manage)等,并将这些广泛使用的应用程序块集成封装至一个叫企业库的程序包中 CommonLibrary.net 一个帮助类库,包含了ActiveRecord, Csv, Command Line Parsing, Configuration, Validation,…

题记: 原先是想用chart.js 这个轻量级来完成我的需求的,结果基于我的数据不规则,所以实现不了. 我的需求: XX后台系统会产生有些报警日志. 我负责把这些数据按照图标的方式来展示. 这写报警日志,基于时间和报警值来展示. 时间不规则,而且要实时产生和更新我的图表. 这些数据都存在于数据库中. 好了.开始进入正题. 1.首先下载两个js,一个是jquery,另外一个就是Highcharts 下载的地址: http://www.hcharts.cn/product/download.php…

本篇随笔记录的是本人2011年做广州地铁协同办公项目时,图表需求的解决方案.(Demo中只是虚拟的测试数据) 关键技术点: 使用Highcharts实现图表展示: 另外使用Highslide弹窗.使用My97DatePicke时间选择,这里不多加介绍. Highcharts具体介绍和用法请点击下面链接查看: http://www.highcharts.com/products/highcharts/ http://www.hcharts.cn/ 场景: 项目中其中一个模块是分个人工作台和领导工作…