资源描述：
《使用highcharts快速开发报表》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、一、WHATHighcharts是一个纯JavaScript编写的图表库，它提供了一个将交互式的图表添加到您的网站或Web应用程序的简单方法。 Highcharts目前支持折线图，曲线图，块状图，块状-曲线图，柱形图，条形图，饼图和散点图类型。官网：http://www.highcharts.com它的主要特点有：1.兼容性强支持主流浏览器，包括Ipad/Iphone.2.免费和开源3.纯JavaScript不需要任何浏览器插件4.多样化的图表类型支持折线图，曲线图，块状图，块状-曲线图，柱形图，条形图，饼图和散点图类型，在同一个报表中可以任意搭配各种类型的图形，例如：5.简单的配置规
2、则设置Highcharts配置选项不需要特殊的编程技巧，所有选项都是JavaScript对象结构，键和值用冒号对应，不同键用逗号分隔，不同选项用括号分组。如：varoptions={chart:{renderTo:'container',defaultSeriesType:'column'},title:{text:'FruitConsumption'},xAxis:{categories:[]5.1-9,,services,andmakethecitymoreattractive,strengtheningpublictransportinvestment,establishedas
3、thebackboneoftheurbanrailtransitmulti-level,multi-functionalpublictransportsystem,thusprotectingtheregionalpositionandachieve},yAxis:{title:{text:'Units'}},series:[]};1.动态在图表创建后，能调用API改变图表的展现2.支持多轴对比尝试修复量和成功修复量对应左边的Y轴，而修复成功率则对应右边的Y轴3.提示标签4.时间轴支持多种时间格式5.支持导出和打印自带导出和打印功能，能导出PNG,JPG,PDForSVG格式的图片，也
4、能直接打印报表5.1-9,,services,andmakethecitymoreattractive,strengtheningpublictransportinvestment,establishedasthebackboneoftheurbanrailtransitmulti-level,multi-functionalpublictransportsystem,thusprotectingtheregionalpositionandachieve1.支持缩放2.外部数据加载数据来自JavaScript数组中，可以定义在本地配置对象中或者外部加载经典案例：//页面加载时调用$(d
5、ocument).ready(function(){//获取JSON对象vardata=jQuery.parseJSON('${requestScope._JSON_DATA_}');//显示图表showChart(width,data);});这个data就是获取到的JavaScript数组，将提供给highcharts作为数据源3.支持图表反转或者轴反转4.支持标签旋转二、WHY由于Highcharts具有强兼容性、灵活易用性、画面效果好等特点，能被广泛用于报表开发。三、HOW3.1安装5.1-9,,services,andmakethecitymoreattractive,str
6、engtheningpublictransportinvestment,establishedasthebackboneoftheurbanrailtransitmulti-level,multi-functionalpublictransportsystem,thusprotectingtheregionalpositionandachieve3.1.1引入JS引入Jquery和Highcharts两个Js文件即可，Jquery用于获取Js数组数据(当然这里也可以是其它的工具去获取数据)，Highcharts用于展现图表7、="../css/newMainjs/jquery-1.4.2.min.js">这些文件可以在Highcharts网站下载：http://www.highcharts.com/documentation/how-to-use3.1.2初始化图表在web页面的script标
