资讯频道 → Web前端
阅读更多

111顶
6踩

Web前端

原创新闻 Highcharts:非常漂亮的图表API

2009-12-07 11:30 by 副主编 zly06 评论(51) 有105737人浏览
JavaScript 浏览器 Java

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Highcharts是一个制作图表的纯Javascript类库，主要特性如下：

  • 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；
  • 对个人用户完全免费；
  • 纯JS，无BS；
  • 支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；
  • 跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库；
  • 提示功能：鼠标移动到图表的某一点上有提示信息；
  • 放大功能：选中图表部分放大，近距离观察图表；
  • 易用性：无需要特殊的开发技能，只需要设置一下选项就可以制作适合自己的图表；
  • 时间轴：可以精确到毫秒；
  • ……

代码示例:

  1. var chart1 = new Highcharts.Chart({
  2.          chart: {
  3.             renderTo: 'chart-container-1',
  4.             defaultSeriesType: 'bar'
  5.          },
  6.          title: {
  7.             text: 'Fruit Consumption'
  8.          },
  9.          xAxis: {
  10.             categories: ['Apples', 'Bananas', 'Oranges]
  11.          },
  12.          yAxis: {
  13.             title: {
  14.                text: 'Fruit eaten'
  15.             }
  16.          },
  17.          series: [{
  18.             name: 'Jane',
  19.             data: [1, 0, 4]
  20.          }, {
  21.             name: 'John',
  22.             data: [5, 7, 3]
  23.          }]
  24.       });

 

Highcharts主页:http://www.highcharts.com/

 

Highcharts下载:http://www.highcharts.com/downloads/zips/Highcharts.zip

  • 大小: 24.6 KB
来自: ajaxian
111
顶
6
踩
评论 共 51 条 请登录后发表评论
11 楼 he_lux 2009-12-07 21:46
强大！！重点是免费。
10 楼 coolhuali 2009-12-07 20:44
支持拽取吗？
9 楼 sangli 2009-12-07 17:00
牛xxxxx，真的很不错。以后做报表又多了一个选择
8 楼 whaosoft 2009-12-07 15:53
呵呵 抵抗flex
7 楼 曾经de迷茫 2009-12-07 15:10
寻觅，，轻量级的图表··
6 楼 chenjj7979 2009-12-07 15:06
图片能导出的吗？
怎么导出图片
5 楼 yuanwei0221 2009-12-07 13:45
太牛了
4 楼 kuchaguangjie 2009-12-07 13:01
很牛xxx
3 楼 beeke 2009-12-07 12:57
非常cool
2 楼 wxq594808632 2009-12-07 12:48
..官网做的不错.
1 楼 phoenixup 2009-12-07 12:42
不错，不过相比较FLASH 图表或者JFreechart，还有待完善~~

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Usenet新闻组的设置和使用

    Usenet新闻组的设置和使用，详细的介绍，下载，安装，使用

  • 微视视频搜索数据接口

    微视视频搜索数据接口

  • 用文本分析算法探索20个新闻组数据集

    什么是NLP 20个新闻组数据集，顾名思义，由从新闻文章抽取的文本组成。它是由Ken Lang采集的，广泛用于机器学习技术驱动的文本类应用的实验，尤其是用自然语言处理技术开发文本类应用。 自然语言处理（Natural Language Processing，NLP）是机器学习的一个重要领域，它研究机器（计算机）和人类（自然）语言之间的交互。自然语言不局限于演讲和对话，它们也可以是书面语或符号语言。NLP任务所用的数据形式多样，有社交媒体、网页、医学处方的文本、音频邮件、控制系统的命令，甚至是我们最喜欢的

  • 国内唯一幸存的新闻组，技术爱好者的天堂（万千的朋友请进）

    以前万千的朋友找到新家了吗？不管你是没用过新闻组，还是没有找到这里的老朋友，都请进来看看吧－－61.156.20.89（注：用Outlook或者Agent下载帖子，详细教程可以到http://laocui2000.myetang.com/看到）//下面是已经有了的话题分组，如果没有你喜欢的话题，还可以来找管理员增加本站站务.公告: 计算机.软件.编程:计算机.软件.编程.C语言:计算机

  • 新闻组地址

    新帆新闻组 news://news.newsfan.net 宁波新闻组 news://news.cnnb.net 微软新闻组 news://msnews.microsoft.com 幽谷新闻组 news://hermitage.vicp.net 五记茶馆   news://cmk-gbm.vicp.net 万千新闻组 news://news.webking.cn 希网新闻组 news://news

  • 欢迎来到新闻组

    朋友，欢迎来到新闻组！ 　　富于活力和探索精神的你，将会接触到一个新的、充满神奇魅力的世界！ 　　这东西就隐藏在网络的某个地方，我们将带你找到它。 　　来，请点击一下这个链接看看（或者将这个网址复制到IE地址栏再敲回车） 　　news://msnews.micorsoft.com/microsoft.public.cn.windowsxp，这就是著名的微软公司的新闻组。 　...

  • 全球排名前500的网站都是做什么的

    数据来自Alexa权威2016-3-3 Google.com Enables users to search the world's information, including webpages, images, and videos. Offers…More 2 Facebook.com A social utility that connects people, to ke

  • HTML5(六)preserve and recover

    HTML5(六)preserve and recover 1. save the state of canvas context 2. So we have two method to save and restore the state of Context save() restore() it works like stack. 3. magic change ...

  • sql练习----mysql多表查询（内连接、外连接、group by分组）练习

    做了一些sql的练习，记录一下 建表的sql语句 /* Navicat MySQL Data Transfer Source Server : mysql Source Server Version : 50713 Source Host : localhost:3306 Source Database : xx Target Server Ty...

  • 【转】几个新闻组服务器地址

    新闻组有点像BBS，但比BBS优越得多。现在介绍一下它的用法。　　一、什么是新闻组　　 新闻组(英文名Usenet或NewsGroup)，简单地说就是一个基于网络的计算机组合，这些计算机被称为新闻服务器，不同的用户通过一些软件可连接到新闻服务器上，阅读其他人的消息并可以参与讨论。新闻组是一个完全交互式的超级电子论坛，是任何一个网络用户都能进行相互交流的工具。 　　二、新闻组的优点　　 新闻组和...

  • 我常上的几个新闻组服务器

    news://news.newsfan.net（国内）news://webking.online.jn.sd.cn（国内）news://news.yaako.com(国内唯一一个与国外服务器交换的新闻组服务器)news://dp-news.maxwell.syr.edu(国外的服务器，内容最全，人气最旺)

  • Tons of e-book sites!TONS

    1-http://campus.en.kku.ac.th/~pongsakorn/download/e-book/java (three java e-books) 2-http://www.bjnet.edu.cn/tech/book/ (JavaScript, Perl, CGI) 3-http://bookshelf.sleepnet.net/files/ (Nothing of value

  • Flex 加载Base64编码的二进制字符串图片

    http://www.adobe.com/2006/mxml"         layout="vertical"         verticalAlign="middle"         backgroundColor="white"         creationComplete="init();">                           import mx.utils

  • 面向对象-选课系统

    作业要求选课系统管理员： 创建老师：姓名、性别、年龄、资产 创建课程：课程名称、上课时间、课时费、关联老师、---课程内容 学生： 用户名、密码、性别、年龄、选课列表[]、上课记录{课程1：[di,a,]} 上课记录{课程名称:[上课时间、上课教师]} 教师： 评价信息{学生姓名：[评价时间，评价内容]}1. 管理员设置课程信息和老师信息 2. 老师上课获得课

  • Spring框架简单应用——增删改查

    Spring Spring框架是由于软件开发的复杂性而创建的。Spring使用的是基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅仅限于服务器端的开发。从简单性、可测试性和松耦合性角度而言，绝大部分Java应用都可以从Spring中受益。 目的：解决企业应用开发的复杂性 功能：使用基本的JavaBean代替EJB，并提供了更多的企业应用功能 范围：任何Jav...

  • 第十七章、区网控制者： Proxy 服务器

    代理服务器的功能是可以代理局域网络的个人计算机来向因特网取得网页或其他数据的一种服务， 由于代理取得的数据可以保存一份在服务器的快取上，因此以往有类似『假象加速』的功能！不过，目前网络带宽已经比以前好很多， 因此代理服务器倒是很少使用在这方面。取而代之的是局域网络『高阶防火墙』的角色！这里的『高阶』指的是 OSI 七层协议里面的高层，因为代理服务器是用在应用层上的一种防火墙方式啦！不像 iptab

  • Python网络爬虫实战：世纪佳缘爬取近6万条小姐姐数据后发现惊天秘密

    翻着安静到死寂的聊天列表，我忽然惊醒，不行，我们不能这样下去，光羡慕别人有什么用，我们要行动起来，去找自己的幸福！！！ 我也想“谈不分手的恋爱” ！！！内牛满面！！！ 注册登陆一气呵成~ 筛选条件，嗯…性别女，年龄…18到24岁，身高嘛，无所谓啦，就按默认155-170吧，地区…嗯北京好，北京近一点，照片？那肯定要啊，必须的！！！ 小姐姐们我来了~ 哇，好多小姐姐啊，到底该选哪个搭讪啊… 这时候就该我们的爬虫出场了 爬虫部分 爬虫部分还是我们之前的四步：分析目标网页，获取网页内容，提取关键信息，输出

  • 使用Usenet（新闻组）的十大理由

    使用Usenet（新闻组）的十大理由1. 全球统一的分类。Usenet（新闻组）上有多达几万个不同类别的组，而且有着严格统一的管理，更重要的是它是按分级原理组织命名的，有着清楚的脉络可寻。组是Usenet（新闻组）的单位，服务器是居于次要地位的（当然，前提是你总得用一台服务器^_^）。在Usenet（新闻组）中有着数不清的服务器，来自全世界的Usenet用户们不管你连接哪台Usenet（新闻组

Global site tag (gtag.js) - Google Analytics