资讯频道 → 开源软件
阅读更多

7顶
0踩

开源软件

原创新闻 HTML5 图形库 ichartjs 正式发布 1.2 版本

2013-06-26 11:12 by 见习记者 wanghetommy 评论(25) 有16873人浏览
html5 ichartjs 图表 canvas

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

ichartjs 是一款基于HTML5的图形库。致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。 经过3个月的优化与完善，我们很高兴的向您宣布，ichartjs开源技术小组在2013年06月26日正式发布1.2版本。新版本对上一个版本代码进行了进一步的优化，并且新增了堆积条形图。

 

特点

  • 跨平台： ichartjs利用HTML5 canvas完成图形绘制工作，这样它有能力在现代的主流浏览器中运用自如。 无论是PC上的，还是在Android/iOS上，ichartjs都能在不改动任何代码的前提下提供统一的视图。
  • 轻量级： 单一的 ichartjs压缩文件只有94k。如果你只需要单一的图形功能，你也可以只加载你所需要的js文件。 那样代码量会更少。ichartjs不依赖任何其他库。只和浏览器相关。这样给你带来的是一个完全独立的轻量级js组件。
  • 多风格： ichartjs提供了多个定义样式方面的配置项。通过它们，可以制作出由UI设计师设计出来的图表风格。

图表类型

饼图、环形图、折线图、面积图、柱形图、簇状柱形图、条形图、簇状条形图、堆积条形图、堆积柱形图、组合图。其中饼图与柱形图有3D视图。

 

主要变更

  • 修正上一版本遗留bug
  • 进一步优化代码
  • 新增堆积条形图组件
  • 新增load、resize方法


来自: ichartjs官网
7
顶
0
踩
评论 共 25 条 请登录后发表评论
25 楼 liuweihug 2014-05-08 16:12
echarts也不错的。大家可以搜索一下，或者到这个博客看看。suchso.com
24 楼 shuhen2011 2013-07-17 16:21
上一次看到一篇采访作者的文章，然后就回去研究了研究，挺好的图形库，而且作者一直在努力，非常的难能可贵，强烈支持！
23 楼 vb2005xu 2013-06-29 10:49
wanghetommy 写道
vb2005xu 写道
从去年的HTML5开发者大会上了解到的,貌似与作者面对面的接触了 后面一直在使用中,给力,赞一个,已经在多个内部项目中使用;

今年HTML5开发者大会上，欢迎再来交流。
一定
22 楼 wanghetommy 2013-06-28 23:21
vb2005xu 写道
从去年的HTML5开发者大会上了解到的,貌似与作者面对面的接触了 后面一直在使用中,给力,赞一个,已经在多个内部项目中使用;

今年HTML5开发者大会上，欢迎再来交流。
21 楼 vb2005xu 2013-06-28 18:06
从去年的HTML5开发者大会上了解到的,貌似与作者面对面的接触了 后面一直在使用中,给力,赞一个,已经在多个内部项目中使用;
20 楼 wanghetommy 2013-06-27 15:09
wanghetommy 写道
lib 写道
    希望ichart团队能够更多的介绍一下ichart周边的一些事情。例如：当初开发的动机是什么？团队成员的组成？其中遇到了什么困难？这么长时间，团队是依靠什么坚持走到现在？ichart的技术路线？
    在博客中以连载的方式推出来。我想这也能够让大家全方位的了解ichart的发展和未来的方向。这也是推广ichart的一种方式吧。

这段时间一直专注ichartjs本身的优化工作，后面会逐步的补充一些文档，让大家更好的了解ichartjs。可供参考的文章：

http://www.iteye.com/magazines/111
实战示例：
http://ichartjs.iteye.com/blog/1894314
http://ichartjs.iteye.com/blog/1860723
19 楼 wanghetommy 2013-06-27 15:07
lib 写道
    希望ichart团队能够更多的介绍一下ichart周边的一些事情。例如：当初开发的动机是什么？团队成员的组成？其中遇到了什么困难？这么长时间，团队是依靠什么坚持走到现在？ichart的技术路线？
    在博客中以连载的方式推出来。我想这也能够让大家全方位的了解ichart的发展和未来的方向。这也是推广ichart的一种方式吧。

这段时间一直专注ichartjs本身的优化工作，后面会逐步的补充一些文档，让大家更好的了解ichartjs。可供参考的文章：
18 楼 lib 2013-06-27 14:18
    希望ichart团队能够更多的介绍一下ichart周边的一些事情。例如：当初开发的动机是什么？团队成员的组成？其中遇到了什么困难？这么长时间，团队是依靠什么坚持走到现在？ichart的技术路线？
    在博客中以连载的方式推出来。我想这也能够让大家全方位的了解ichart的发展和未来的方向。这也是推广ichart的一种方式吧。
17 楼 fykyx521 2013-06-27 11:58
wanghetommy 写道
fykyx521 写道
出来晚了 我手机项目3月份做的  用的另个chart 还依赖jquery  出来早点的话支持国产

ichartjs在2012年就正式发布1.0版本了。 不过欢迎下次有机会在试用。

iteye最近才推广吧?  还是我落伍了  没关注到
16 楼 wanghetommy 2013-06-27 11:21
fykyx521 写道
出来晚了 我手机项目3月份做的  用的另个chart 还依赖jquery  出来早点的话支持国产

ichartjs在2012年就正式发布1.0版本了。 不过欢迎下次有机会在试用。
15 楼 fykyx521 2013-06-27 10:31
出来晚了 我手机项目3月份做的  用的另个chart 还依赖jquery  出来早点的话支持国产
14 楼 wanghetommy 2013-06-27 10:00
mz0827 写道
lib 写道
和highchart对比，你们的优势和特色是什么？


网站比较快。。

这个的确，其实这个延伸的一个特点是与国内开发者便捷的交流条件。无论是语言上还是实时上。
13 楼 wanghetommy 2013-06-27 09:55
Leon.Wood 写道
貌似么有悬停气泡?

更多的特性我们会在后面的版本中陆续展示。欢迎给ichartjs提出意见和建议。
12 楼 wanghetommy 2013-06-27 09:41
lib 写道
和highchart对比，你们的优势和特色是什么？

技术路线不同，决定了各自的优势，ichartjs更适用于移动客户端的展示。不过ichartjs目前还处于一个初级阶段，与成熟的highcharts相比，还有很多的不足，这也需要一段时间去慢慢的完善。
11 楼 wanghetommy 2013-06-27 09:11
fykyx521 写道
http://www.ichartjs.com/samples/index.html?page=column3d_02.html&pageno=3 3D柱子 这个鼠标移动的正面的长方形才能出来  上方和右边提示就出不来

是这样的，我们仅仅对正面进行了事件捕获，因为正面不会有重叠，侧面有可能重叠，会造成一些事件混乱。并且，正面响应能满足交互需求。
10 楼 wanghetommy 2013-06-27 09:02
meepo3927 写道
有按需加载就最棒了

目前只有按照图表类型可以单独引入js包。94k的确让我们也很伤脑筋，我们打算根据情况把不必要的在简化简化。
9 楼 mz0827 2013-06-27 08:58
lib 写道
和highchart对比，你们的优势和特色是什么？


网站比较快。。
8 楼 lib 2013-06-27 08:35
和highchart对比，你们的优势和特色是什么？
7 楼 mz0827 2013-06-26 20:58
效果太好了。。。
6 楼 Leon.Wood 2013-06-26 18:36
貌似么有悬停气泡?

发表评论

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

相关推荐

  • ichartjs V1.2 released

    ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你正在...

  • 学习6大设计原则、23种设计模式

            了解设计模式的朋友们，想必都听说过“六大设计原则”吧。其实最经典的 23 种设计模式中或多或少地都在使用这些设计原则，也就是说，设计模式是站在设计原则的基础之上的。所以在学习设计模式之前，很有必要对这些设计原则先做一下了解。1、单一职责原则There should never be more than one reason for a class to change.理解：不同的类...

  • 设计模式六大原则及常用模式详解

    设计模式六大原则 1、单一职责原则（Single Responsibility Principle） 定义 : 应该有且只有一个原因引起类的变化 注意 : 这里的类不光指类,也适用于方法和接口,比如我们常说的一个方法实现一个功能 2、里氏代换原则（Liskov Substitution Principle） 定义 : 只要父类出现的地方子类就一定可以出现,而且替换为子类也不会出现任何异常或错误,使...

  • 设计模式的原则

    综述 为什么要提倡"Design Pattern"呢？根本原因是为了代码复用，增加可维护性。那么怎么才能实现代码复用呢？面向对象有几个原则：开闭原则(Open Closed Principal，OCP)、里氏代换原则（Liskov Substitution Principle，LSP）、依赖倒转原则（Dependency Inversion Principle，DIP）、接口隔离原则（Int

  • 设计模式入门-设计模式的原则

    设计模式的原则1、"开－闭"原则——模块应对扩展开放，而对修改关闭。2、里氏代换原则——如果调用的是父类的话，那么换成子类也完全可以运行。里氏代换原则是继承复用的一个基础。3、合成复用原则——要少用继承，多用合成关系来实现。4、依赖倒转原则——抽象不应该依赖与细节，细节应当依赖与抽象。                   要针对接口编程，而不是针对实现编程。5、接口隔离原则——每一个接口应该是一种

  • 基于HTML5 Canvas的开源图形组件-ichartjs 入门篇

    ichartjs的官方网站为http://www.ichartjs.com/，

  • 对ichartjs基于基于HTML5的开源图形组件画图的心得

    简介：ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。如果你正在开发HTML5的应用，ichartjs正好适合您。chartjs是基于Apache License 2.0协议的开源项目。 心得...

  • 基于HTML5的ichartjs图表组件在Android应用中的使用

    ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你...

  • 【Mysql+Charts】draw ichartjs（四）

    需要将数据在网页端绘制成曲线图标的形式，在网上找到了ichartjs开源图形组件ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形下面的内容主要学习参考于ichartjs官网的...

  • js图表报表html5图表,介绍一个！非常简单非常方便！制作图表报表的js库 —— ichartjs 【详细操作】...

    ichartjs是一个国产的图表库，提供各种api，以及多种样式的图表图表包括：面积图、2d条形图、2d柱状图、3d柱状图、折线图、饼状图等，并且可以组合图形。ichart是一个轻量级的js组件，快速构建图表并可跨平台使用这...

  • ichartjs android,ichartjs在android应用中的使用

    ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你正在...

  • HTML5移动端数据图表组件调研

    charts.js 技术：基于HTML5 canvas ... 类型：6种图表类型（折线图，条形图，雷达图，饼图，柱状图和极地区域区） ...量级：独立包，不依赖第三方 JavaScript 库，小于 5KB 大小：Chart.min.js-50.201 kb 特性...

  • 介绍一个！非常简单非常方便！制作图表报表的js库 —— ichartjs 【详细操作】...

    ichartjs是一个国产的图表库，提供各种api，以及多种样式的图表 图表包括：面积图、2d条形图、2d柱状图、3d柱状图、折线图、饼状图等，并且可以组合图形。 ichart是一个轻量级的js组件，快速构建图表并可跨平台...

  • Android 中使用 ichartjs 完成图表的展示

    ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形.ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 ichartjs目前...

  • android上动态实现ichartjs & highcharts 的绘图 2D 3D 折线图 柱形图 圆形图 等等

    项目目录： ...package com.example.html5_chart; public class Contact { private String name; private double value; private String color; public Contact(String name, double value, S

  • 简单的统计图表ichartjs的使用

    ichartjs 是一款基于HTML5的图形库。废话不多说，直接说怎么用。 1、首先下载，点击下载 2、

  • iChart--组件定制

    ichartjs 是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs致力于为您的应用提供简单、直观、可交互的体验级图表组件。是WEB/APP图表展示方面的解决方案 。如果你正在...

  • 分享1个js图表库

    是一款基于HTML5的图形库。使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形。 ichartjs目前支持饼图、环形图、折线图、面积图、柱形图、条形图。ichartjs是基于Apache License 2.0协议的开源项目。 下载...

  • 一些可能用到的资源

    1、Javascript资源 1.1、验证框架 validate是jQuery的一个表单验证插件，它不仅实现了客户端表单的多种验证规则，而且，还是用ajax实现了服务器端远程验证。它内置有多种验证规则，同时...1.2、Ajax Form The

  • 一个比较实用的商业级图表Echarts

    了解了解 ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备...

Global site tag (gtag.js) - Google Analytics