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

111顶
6踩

Web前端

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

2009-12-07 11:30 by 副主编 zly06 评论(51) 有105549人浏览
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 条 请登录后发表评论
51 楼 zhuli_java 2013-01-31 16:14
为啥我将demo放入java web-inf目录下，在360、搜狐、遨游3个浏览器里访问不了呢？但在火狐、IE、谷歌浏览器上可以！啥情况啊？QQ:359459774
50 楼 zhuli_java 2013-01-31 15:56
为啥在java web目录下，在360浏览器不能使用啊？
49 楼 深山飘叶 2012-12-13 21:01
187606307  highcharts-java技术之家① 欢迎大家一起交流
48 楼 dongbiying 2012-10-18 14:56
很强呀 。。。
47 楼 jeaniehuang 2011-09-23 16:29
tomcat的问题 写道
你给的代码有些小错误

有什么错误啊，我按照这个做图片显示不出来
46 楼 joey_zy0210 2011-09-02 14:27
我公司一直用highcharts类库开发图形报表，可以加我QQ交流下QQ:871799399我很愿意与大家一起分享highcharts类库绘图的经验。
45 楼 tomcat的问题 2011-03-16 18:21
你给的代码有些小错误
44 楼 huangfoxAgain 2010-11-09 17:07
导出中文乱码！
43 楼 nggno1 2010-09-09 10:24
rjzou2006 写道
•支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；
------------
有没有比这些更强大点,现在我很需要再强大的图表.

如果要三维的 可以试试flash格式的fusioncharts 或是sliverlight相关图表
42 楼 nggno1 2010-09-09 10:23
▄︻┳═一 写道
牛逼的闲人真多，花那么大精力搞个这样的东西干嘛呢？flex图表实用得多

flex相关的东西并不通用，纯js写出的图表普遍性会更上层楼。
这套图表插件的东西与ext的界面简直绝配，大赞。。
41 楼 calorie520 2010-04-19 14:10
功能比较强，但怎么能够把图片进行导出操作？
40 楼 wade68 2010-03-24 12:06
 
39 楼 wiwiluo 2009-12-10 18:26
商用的话要收费………………
38 楼 kjj 2009-12-09 20:00
好漂亮，收了，谢谢记者这么辛苦！！！！
37 楼 jqxl0205 2009-12-09 17:29
▄︻┳═一 写道
牛逼的闲人真多，花那么大精力搞个这样的东西干嘛呢？flex图表实用得多

大哥，有不是每个人的浏览器都安装Flash的。
36 楼 zly06 2009-12-09 14:06
langhua9527 写道
要是新闻能收藏就好了

可以收藏的啊，标题下方有“ + 收藏” 的提示
35 楼 langhua9527 2009-12-09 13:19
要是新闻能收藏就好了
34 楼 小笨熊 2009-12-09 09:34
IE6下为什么什么都看不到？
33 楼 cats_tiger 2009-12-09 08:41
he_lux 写道
dzt 写道
amcharts 是个不错的选择

amcharts是要收费的好不好?

免费的也可以用，只是在图表的不起眼的位置放一个amcharts的链接，没有任何影响。
32 楼 ▄︻┳═一 2009-12-08 22:04
牛逼的闲人真多，花那么大精力搞个这样的东西干嘛呢？flex图表实用得多

发表评论

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

相关推荐

  • Usenet新闻组的设置和使用

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

  • 微视视频搜索数据接口

    微视视频搜索数据接口

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

    以前万千的朋友找到新家了吗？不管你是没用过新闻组，还是没有找到这里的老朋友，都请进来看看吧－－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)，简单地说就是一个基于网络的计算机组合，这些计算机被称为新闻服务器，不同的用户通过一些软件可连接到新闻服务器上，阅读其他人的消息并可以参与讨论。新闻组是一个完全交互式的超级电子论坛，是任何一个网络用户都能进行相互交流的工具。 　　二、新闻组的优点　　 新闻组和...

  • 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

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

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

  • 面向对象-选课系统

    作业要求选课系统管理员： 创建老师：姓名、性别、年龄、资产 创建课程：课程名称、上课时间、课时费、关联老师、---课程内容 学生： 用户名、密码、性别、年龄、选课列表[]、上课记录{课程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