ichartjs的使用

刚接手一个项目需要前端进行数据统计制图,在网上搜索了一下到ichartjs 感觉不错和设计需求差不多,down下来捣鼓一下就做出这样。

翻了半天api接口走读源码也没找到修改图例和条形图上的文字的地方,对照其他demo

总于找到修改的地方

legend:{
                            enable:true,
                            align:‘center‘,
                            valign:‘bottom‘,
                            row:1,
                            column:‘max‘,
                            background_color : null,
                            border : {
                                enable : false
                            }
                        },
                        sub_option:{
                            listeners:{
                                /**
                                * r:iChart.Rectangle2D对象
                                * e:eventObject对象
                                * m:额外参数
                                */
                                click:function(r,e,m){
                                    Pie2D(r.get(‘id‘));
                                }
                            },
                            label :false
                        },

就妥妥

加上高大上的动画效果和弹出效果,最终的效果就出炉了。

后记: 遇到问题不要着急,遇到问题先学习文档,并观察不同的demo。说不定就有答案。不能上来就看源码。

http://www.ichartjs.com/

时间: 2024-10-27 06:00:32

ichartjs的使用的相关文章

自制ichartjs饼图

饼图:2个数据: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>ichart.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="

android图表ichartjs

android之ichartjs图表 1.http://www.ichartjs.com    pdf下载:http://download.csdn.net/detail/menglele1314/8721121 2. 简介 what's the ichartjs? 2.1. ichartjs 是一款基于HTML5的图形库.使用纯javascript语言, 利用HTML5的canvas标签绘制各 式图形. ichartjs致力于为WEB应用提供简单.直观.可交互的体验级图表组件.是WEB图表展示

ichartjs 制作的图表

ichartjs资源包下载:https://files.cnblogs.com/files/xiandedanteng/ichartjs-ichartjs1.2.zip 本例下载地址:https://files.cnblogs.com/files/xiandedanteng/ichartjsSample01.rar 效果: 页面代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http

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

ichartjs是一个国产的图表库,提供各种api,以及多种样式的图表 图表包括:面积图.2d条形图.2d柱状图.3d柱状图.折线图.饼状图等,并且可以组合图形. ichart是一个轻量级的js组件,快速构建图表并可跨平台使用 这是ichart的案例展示图,在这个页面我们通过点击view code 查看当前图表调用api的方法 ichart官网api的说明使用的参考文档 一个简单的例子熟悉一下ichart.js 1.通过官网我们去下载一个最新版本的ichart(文章最后有链接) 2.在解压的根目

使用ichartjs生成图表

官网:http://www.ichartjs.com/ ichartjs 是一款基于HTML5的图形库.使用纯javascript语言, 利用HTML5的canvas标签绘制各式图形. ichartjs致力于为您的应用提供简单.直观.可交互的体验级图表组件.是WEB/APP图表展示方面的解决方案 .如果你正在开发HTML5的应用,ichartjs正好适合您. ichartjs目前支持饼图.环形图.折线图.面积图.柱形图.条形图.ichartjs是基于Apache License 2.0协议的开源

简单的统计图表ichartjs的使用 《转》

1.首先下载,点击下载 2.只需要这一个js,粘贴赋值到自己项目中即可.   3.引入js <script type="text/javascript" src="../js/ichart.1.2.min.js"></script> <script type="text/javascript" src="../js/jquery.min.js"></script> 注: (1)路

【ichartjs】爬取理想论坛前30页帖子获得每个子贴的发帖时间,总计83767条数据进行统计,生成统计图表

统计数据如下: {'00': 967, '01': 373, '02': 177, '03': 79, '04': 65, '05': 163, '06': 514, '07': 1143, '08': 3550, '09': 9137, '10': 8534, '11': 6415, '12': 3275, '13': 6755, '14': 7911, '15': 6397, '16': 3567, '17': 2839, '18': 2689, '19': 2989, '20': 4034

推荐10款免费而优秀的图表插件

开发人员很多时候需要使用图表来表现一些数据,而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容.随着Web技术的发展,从传统只能依靠于flash.IE的vml,各个浏览器尚不统一的svg,到如今规范统一的canvas.svg为代表的html5技术,表现点.线.面要素的技术已经越来越规范成熟.我在本篇文章中收集了10款免费开源且比较优秀的图表制作插件,以供各位参考. 1,ichartjs(国产) ichartjs是一款优秀的国产开源插件,作者是王鹤,英文名taylor,毕业于南昌大学

reportng之测试报告升级美化

背景:跳槽去一家新公司后,看到之前做自动化的人,先不说框架写的如何,主要他的详细报告吸引了我,今天弄了一下午,还是不行,结果到现在就现在,我特么成功了,不为什么 Mark一下: 本地化修改 获取源码,修改reportng.properties文件,reportng.properties中的内容是键值对,修改后面的值为中文即可. passed=通过 修改测试结果顺序 需要修改TestResultComparator类,参考链接: class TestResultComparator impleme