【Asp.net精品源码栏目提醒】:以下是网学会员为您推荐的Asp.net精品源码-Highcharts图表使用说明 - 软件工程,希望本篇文章对您学习有所帮助。
Highcharts 图表使用说明 目录1.简介 ...............................................................................................................................................22.特点 ...............................................................................................................................................3 2.1.兼容 ....................................................................................................................................3 2.2.免费用于非商业.................................................................................................................3 2.3.开源 ....................................................................................................................................3 2.4.纯 JavaScript........................................................................................................................4 2.5.众多的图表类型.................................................................................................................4 2.6.简单的配置语法.................................................................................................................4 2.7.动态 ....................................................................................................................................5 2.8.多个轴.................................................................................................................................5 2.9.工具提示标签.....................................................................................................................5 2.10.日期时间轴.......................................................................................................................6 2.11.导出和打印.......................................................................................................................6 2.12.缩放 ..................................................................................................................................6 2.13.载入外部资料...................................................................................................................7 2.14.倒置图表或扭转轴...........................................................................................................7 2.15.标签的文本旋转...............................................................................................................73.Highcharts 图表预览 ....................................................................................................................8 3.1.柱状图.................................................................................................................................8 3.2.直线图.................................................................................................................................8 3.3.曲线图.................................................................................................................................9 3.4.饼状图...............................................................................................................................10 3.5.区域图...............................................................................................................................10 3.6.区域曲线图.......................................................................................................................11 3.7.散布图...............................................................................................................................11 3.8.堆状图...............................................................................................................................11 3.9.其他 ..................................................................................................................................124.Highcharts 调用范例 ...................................................................................................................13 4.1.实际效果图:...................................................................................................................13 4.2.前台代码及部分代码说明...............................................................................................13 4.3.后台代码...........................................................................................................................16 4.4 概述 exporting.js 文件......................................................................................................165.补充 .............................................................................................................................................161.简介Highcharts 是一个制作图表的纯 Javascript 类库,主要特性如下: 兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等; 对个人用户完全免费; 纯 JS,无 BS; 支持大部分的图表类型:柱状图,直线图,曲线图、区域图、区域曲线图、饼装图、 散布图等; 跨语言:不管是 PHP、
Asp.net 还是 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.纯 JavaScriptHighcharts 完全是基于本机的浏览器技术,不需要像 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,JPG,PDF 或 SVG 格式,点击一个按钮,或直接从网页打印图表。
2.12.缩放放大图表,您可以检查数据更加紧密,特别是有趣的部分。
缩放可以在 X 或 Y 尺寸,或两者。
2.13.载入外部资料Highcharts JavaScript 数组,它可以在本地配置对象定义在一个单独的文件,甚至在不同的网站,数据。
此外,数据可以被处理过任何形式的 Highcharts,和一个回调函数用于解析到一个数组中的数据。
2.14.倒置图表或扭转轴有时你需要翻转您的图表,使 X 轴例如条形图一样,出现垂直。
最接近到 ORIGO 出现的最高值的扭转轴,也是支持的。
2.15.标签的文本旋转所有文字标签,包括轴的标签,数据标签点和坐标轴标题,可以在任意角度的旋转。
3.Highcharts 图表预览3.1.柱状图3.2.直线图3.3.曲线图3.4.饼状图3.5.区域图3.6.区域曲线图3.7.散布图3.8.堆状图3.9.其他4.Highcharts 调用范例基于.net 版本4.1.实际效果图:4.2.前台代码及部分代码说明 详见附录4.4./divButton4.3.后台代码public string returnValue name:XX 比率 1data:y:74.33value:194y:76.25value:5045y:67.12value:298name:XX 比率 2data:y:66.28value:173y:78.84value:5216y:67.57value:300name:XX 比率 3data:y:88.12value:230y:88.36value:5846y:87.39value:388name:XX 比率 4data:y:38.70value:101y:34.08value:2255y:28.38value:126name:XX 比率 5data:y:16.48value:43y:26.92value:1781y:23.20value:103name:XX 比率 6data:y:37.93value:99y:47.73value:3158y:39.64value:176 public string xAxisCategories XX 制造业 1 XX 制造业 2 XX 制造业 34.4 概述 exporting.js 文件 2.1 里的 exporting.js 文件 在项目中起 打印 图表转图片文件的作用 但由于部分功能链接官网去调用方法,所以在非联机的情况,且对图表没有打印功能要求,可以将其 屏蔽5.补充Highcharts 官网:http://www.highcharts.comHighcharts 官网示例:http://www.highcharts.com/demo/Highcharts 官网文档:http://www.highcharts.com/documentation/how-to-use
上一篇:
精品课程《C#网络编程基础》PDF课件(全)
下一篇:
法律专业开题报告范文