有线路由器能用wifi吗:Highcharts-功能强大的图表库的应用
来源:百度文库 编辑:中财网 时间:2024/05/12 06:51:12
Highcharts-功能强大的图表库的应用
helloweba.com Author:月光光 Time:2012-01-14 14:25 Tag: Highcharts 图表
Highcharts是一款功能非常强大的纯javascript类库,它主要为您的WEB应用提供丰富漂亮且可互动的图表。目前,Highcharts支持图表类型有直线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图。
Highcharts无需像flash图表那样需要预先加载flash控件,因此它兼容几乎所有的浏览器,包括iphone以及老掉牙的IE6。Highcharts还提供丰富的参数配置,开发人员可以通过不同的配置生成各种图表。此外,Highcharts还支持图表导出,图表局部放大,图表提示、多图表共存等多种特性。本文先介绍highcharts简单的使用方法,后面我们会通过前后台并与数据库结合讲解highcharts的具体使用,先看教程:
准备
我们要先将jquery库以及highcharts图表库。
XHTML
在需要放置图表的页面body中加入以下代码:
Javascript
具体请看代码:
var chart;$(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'chart_line', //放置图表的DIV容器对应的id属性 defaultSeriesType: 'line' //图表类型line, spline, area, areaspline, column, bar, pie , scatter }, title: { text: '主要城市月平均气温', //图表标题 x: -20 //center }, subtitle: { text: '数据来源于网络', //副标题 x: -20 }, xAxis: { //x轴 categories: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'] }, yAxis: { //y轴 title: { text: '平均气温(°C)' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { formatter: function() { //当鼠标悬置数据点时的格式化提示 return '' + this.series.name + '
' + this.x + ': ' + this.y + '°C'; } },legend: { //【图例】位置样式 layout: 'vertical', //【图例】显示的样式:水平(horizontal)/垂直(vertical) backgroundColor: '#FFFFFF', align: 'left', verticalAlign: 'top', x: 100, y: 70, floating: true, shadow: true }, series: [{ name: '北京', data: [ - 4.6, -2.2, 4.5, 13.1, 19.8, 24.0, 25.8, 24.4, 19.3, 12.4, 4.1, -2.7] }, { name: '上海', data: [3.5, 4.6, 8.3, 14.0, 18.8, 23.3, 27.8, 27.7, 23.6, 18.1, 12.2, 6.2] }, { name: '长沙', data: [4.7, 6.2, 10.9, 16.8, 21.6, 25.9, 29.3, 28.7, 24.3, 19.0, 12.5, 7.0] }, { name: '广州', data: [13.3, 14.4, 17.7, 21.9, 24.6, 27.2, 30.8, 32.1, 27.2, 23.7, 21.3, 15.6] }] });});
这样,就可以生成一个漂亮的线状图表了。要想对highcharts的应用有更深入的了解,请关注本站后面的文章。
声明:本文为原创文章,helloweba.com和作者拥有版权,如需转载,请注明来源于helloweba.com并保留原文链接,否则视为侵权。
功能强大的搜索引擎
是google的功能强大还是百度的功能强大呢?
求播放软件?功能强大的
什么版本的软件功能强大
有没有免费的功能强大的杀毒软件?????
谁用过功能强大的家庭理财软件
要一个功能强大的php源码程序
推荐一款功能强大的UPS。#11
哪里有特高智商的五子棋软件 功能强大
有谁能推荐一个功能强大的音频转换器?
想买游戏功能强大的笔记本
介绍几款功能强大的录音软件
各位父老乡亲,我欲买个功能强大的电子词典
免费股票行情分析软件,功能强大的软件?
帮忙推荐下英语词典功能强大的PDA
求一款功能强大的网页制作工具
急需一个功能强大的音频格式互相转换器
哪款DVD的卡啦OK功能强大?
哪个网站的歌词搜索功能强大?
求一款功能强大的播放器
推荐一个功能强大的新闻发布系统
我想知道智能手机什么型号的功能强大!
找一个功能强大的画图设计软件
是google还是 baidu的搜索功能强大?