Highcharts图表使用说明.docVIP

Highcharts图表使用说明 目录 1.简介 2 2.特点 3 2.1.兼容 3 2.2.免费用于非商业 3 2.3.开源 3 2.4.纯JavaScript 3 2.5.众多的图表类型 3 2.6.简单的配置语法 3 2.7.动态 3 2.8.多个轴 3 2.9.工具提示标签 3 2.10.日期时间轴 3 2.11.导出和打印 3 2.12.缩放 3 2.13.载入外部资料 3 2.14.倒置图表或扭转轴 3 2.15.标签的文本旋转 3 3. Highcharts图表预览 3 3.1.柱状图 3 3.2.直线图 3 3.3.曲线图 3 3.4.饼状图 3 3.5.区域图 3 3.6.区域曲线图 3 3.7.散布图 3 3.8.堆状图 3 3.9.其他 3 4.Highcharts调用范例 3 4.1.实际效果图： 3 4.2.前台代码及部分代码说明 3 4.3.后台代码 3 4.4概述exporting.js文件 3 5.补充 3 1.简介 Highcharts是一个制作图表的纯Javascript类库，主要特性如下： 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等； 对个人用户完全免费； 纯JS，无BS； 支持大部分的图表类型：柱状图，直线图，曲线图、区域图、区域曲线图、饼装图、散布图等； 跨语言：不管是PHP、A还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库； 提示功能：鼠标移动到图表的某一点上有提示信息； 放大功能：选中图表部分放大，近距离观察图表； 易用性：无需要特殊的开发技能，只需要设置一下选项就可以制作适合自己的图表； 时间轴：可以精确到毫秒； Ajax支持： 使用数组接受Ajax传值 2.特点 2.1.兼容 它的工作原理在所有现代浏览器，包括iPhone / iPad和Internet Explorer的版本6。标准的浏览器使用SVG图形渲染。在传统的Internet Explorer的图形绘制使用VML。 2.2.免费用于非商业 你想使用一个个人网站，学校网站或非营利组织Highcharts吗 ？那么你就没有需要作者的许可，去使用Highcharts。对于商业网站和项目，?许可和定价。 2.3.开源 Highcharts的主要特点之一是开放的源代码。下的任何许可证，或不自由，你可以下载的源代码，并让自己的编辑。这允许个人修改和极大的灵活性。 2.4.纯JavaScript Highcharts完全是基于本机的浏览器技术，不需要像Flash或Java客户端插件。此外，你不需要在服务器上安装任何东西。没有PHP或ASP.NET。Highcharts需求只有两个JS文件运行：highcharts.js核心，无论是在jQuery，MooTools的或Prototype框架。这些框架之一，是最有可能已经在您的网页中使用。 2.5.众多的图表类型 Highcharts支持线，样条，面积，areaspline，柱形图，条形图，饼图，散点图类型。所有这些都可以结合在一个图表中。 2.6.简单的配置语法 设置的Highcharts配置选项，不需要特殊的编程技能。在JavaScript对象符号的结构，这基本上是一个键和值用冒号连接的设置，由逗号分隔，并用花括号分组选项。 2.7.动态 通过一个完整的API，你可以添加，删除和修改系列和数据点或修改轴图表创建后的任何时间。许多活动提供对图表进行编程的钩子。使用jQuery，MooTools的或原型的Ajax API相结合，这将打开值从服务器，用户提供的数据和更不断更新的生活图表一样的解决方案。 2.8.多个轴 有时你想比较的变量是不一样的规模 - 例如温度与降雨量和空气压力。Highcharts让您指定每个系列的y轴 - 或X轴，如果你想比较不同类别的数据集。每个轴都可以放在左边或右边，顶部或图表的底部。所有的选项都可以单独设置，包括倒车，造型和位置。 2.9.工具提示标签 徘徊图表Highcharts每个点和一系列的信息可以显示一个工具提示文本。工具提示用户移动鼠标的图形，并已经采取了很大的努力，使其坚持的最近点，以及低于另一点是一个点，使其易于阅读。 2.10.日期时间轴 75％的X和Y轴的所有图表X轴的日期时间。因此Highchart有关时间值是非常聪明的。毫秒轴单位，Highcharts确定在何处放置蜱，使他们始终标志开始的一个月或一周，午夜和中午，整整一个小时等。 2.11.导出和打印 启用与出口的模块，用户可以出口图表PNG