今天做页面的时候用到了环状饼图,大家都知道echarts的API文档看起来实在费劲,折腾了半天才画出来我想要的饼图,把我用到的参数配置分享给大家,希望能帮到和我一样的对echarts不是那么熟悉的童鞋.直接上代码: var option = { series: [ { type:'pie', // 第一个参数是内圆半径,第二个参数是外圆半径,相对饼图的宿主div大小 radius: ['40%', '50%'], avoidLabelOverlap: false, // 禁用饼状图悬浮动画效果

HTML: <div class="wrap"> <div class="progress-radial progress-25"> <div class="overlay">25%</div> </div> <div class="progress-radial progress-50"> <div class="overlay"

PSP 一.表格: D日期     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 11月24号 站立会议 分配任务&设计final方案 13:00 13:30 0 30 30   编写 bug修正报告 14:35 15:14 0 39 40 11月25号 站立会议 继续完成没完成任务 13:00 13:30 0 30 30   编码 新亮点 14:45 18:23 21 207 180   数据 数据收集整理 19:21 20:48 13  

PSP 一.表格: D日期     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 11月17号 站立会议 分配任务 13:00 13:30 0 30 30   编码 编写代码补bug 17:37 19:43 18 108 120 11月18号 站立会议 继续完成没完成任务 13:00 13:30 0 30 30   找bug 部署各组项目查找bug 14:47 18:21 11 213 180  11月19号 编写 编写吉林一日游 09:23

PSP 一.表格: D日期     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 11月11号 讨论 讨论beta发布 09:00 09:54 12 42 30   编码 编写代码修补漏洞 17:37 19:43 18 108 120 11月12号 调查 用户调查报告调查与分析 10:15 10:45 5 85 90 11月14号 站立会议 分配各个成员任务 13:00 13:30 0 30 30   编写 编写new NABCD  15:0

团队项目PSP 一.表格:     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 讨论 讨论各个模块页面设计 9:30 12:30 站立会议 分配各个成员任务 13:00 13:30 30*7=210 分析 分析需求制定方案 14:03 16:40 设计 设计各个模块的UI 9:00 11:20 搜集整理 搜集和整理礼物相关素材  13:30  15:48  24  114  120     19:20 21:49 编码 编写代码  16:0

团队项目PSP 一.表格:     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 讨论 讨论beta阶段任务 10:00 12:30 28 270 120 站立会议 分配各个成员任务 13:00 13:30 0 90 90 分析 分析现在的事现情况 14:03 16:40 20 277 120 设计 重新设计UI搜集素材 9:00 11:20 37 103 150 调查 对所需数据进行调查 12:00 至次日12:00 0 还未完成 1440

团队项目PSP 一.表格:     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 讨论 讨论alpha完成情况并总结 9:40 11:20 17 53 60 分析与设计 分析设计Beta版本 13:15 16:30 45 150 120 调试运行 调试alpha版本 18:30 20:10 15 85 60 学习 Java.jsp 21:00 22:20 5 75 90 总结 总结结果 23:26 23:58 0 32 30 二.饼图: 进度

团队项目PSP 一.表格:     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 讨论 讨论alpha完成情况并总结 9:40 11:20 17 53 60 分析与设计 分析设计Beta版本 13:15 16:30 45 150 120 调试运行 调试alpha版本 18:30 20:10 15 85 60 学习 Java.jsp 21:00 22:20 5 75 90 总结 总结结果 23:26 23:58 0 32 30 二.饼图: 进度

本周psp 项目 内容 开始时间 结束时间 中断时间 净时间 10月7日 星期一 论文 看生物信息方面的论文 10:00 12:00 5 115 写代码 注册信息从前台传入servlet 18:00 21:00 25 155 写博客 站立会议博客 23:10 23:30 0 20 10月8日 星期二 写代码 Regservlet与jdbcUtil将数据传入数据库 9:00 11:30 10 140 写代码 取数据库记录,比对前台注册信息,确认注册是否重复 14:00 17:00 20 160 写

Webview的几个关键方法要介绍一些: 谷歌官方文档是这么说的; A WebView has several customization points where you can add your own behavior. These are: Creating and setting a WebChromeClient subclass. This class is called when something that might impact a browser UI happens,

Prepare 本文将使用一个NuGet公开的组件来实现一些特殊的控件显示,方便大家进行快速的开发系统. 在Visual Studio 中的NuGet管理器中可以下载安装,也可以直接在NuGet控制台输入下面的指令安装: Install-Package HslCommunication NuGet安装教程  http://www.cnblogs.com/dathlin/p/7705014.html 技术支持QQ群:592132877 (组件的版本更新细节也将第一时间在群里发布) Summary

累计进度条   PSP   饼图 每周例行报告 本周PSP 类别 任务 开始时间 结束时间 被打断时间 总计工作时间 2016年9月24日 读书 构建之法-6.7章 19:00 20:00 2 58min 2016年9月25日 看博客 看测试相关内容 8:30 9:30 0 60min 设计复审 重新审视四则运算的要求 9:40 9:50 0 10min 代码复审+具体编码 1.加入输出正确结果的功能 9:50 11:30 6min 94min 测试+写博客 1.对四则运算进行测试 2.提交代码

每周例行报告 本周PSP 类别 任务 开始时间 结束时间 被打断时间 总计工作时间 2016年9月9日 读书 构建之法-5.6章 19:00 20:00 0 60min 2016年9月10日 看博客 看历年学生作品 8:30 9:30 0 60min 设计复审 重新审视四则运算的要求 9:40 9:50 0 10min 代码复审+具体编码 1.加入输出正确结果的功能 2.加入固定模式的带括号复杂运算 9:50 11:30 5min 95min 查阅资料 看燃尽图相关资料包括博客知乎等 11:30

从一个渐变圆角进度条浅出画一个圆 开始 这一切需要从一个(简单)的需求开始,在最开始对设计第一眼看到这张图的时候,感觉挺简单的嘛,直接用echarts饼图模拟出来一个就好了 echarts 然后上echarts试了一下发现实现不出来了 设计图这边采用的是锥形渐变,而echarts只有线性渐变和径向渐变. css 然后准备换种方案,css就有锥形渐变,然后通过conic-gradient加上mask画出了一个渐变的环形然后可以再通过剪裁实现出进度的展示. 但是存在两个问题,一个是conic-gra

处理类似提交问卷的数据,要生成图表,用了ECharts,好方便的. 简陋效果: 1.表单存储 有单选和多选题,单选直接存储各选项数字值,1,2,3,4...中一个:多选用|分隔存储选项值,如1|3,2|3|4 数据库存储后如下: 2.ECharts饼图 ECharts官网,以及新手上路都很清楚,饼图很简单:配置和数据如下示例 option = { title: { text: '名称', }, series : [ { type: 'pie', radius: '56%', data:[ {va

原文 :http://boytnt.blog.51cto.com/966121/1074215 条状的进度条我们见得太多了,实现起来比较简单,它总是长方形的,在方形的区域里摆 放就不太好看了.随着css3的出现,圆环状的进度条开始用得越来越多,不过由于IE6/7/8不支持css3,我们只能换其它方法来实现.本文就采用 Raphael来画一个,这个组件对svg和vml进行了一个统一的封装,根据浏览器使用不同的技术实现绘制,因此IE也能用. 先上效果图: 效果还不错吧?代码其实也不复杂,抛砖引玉一下

by Conmajia SN: S22-W1M 由来 看到一篇帖子<vue实用组件--圆环百分比进度条>,让我想起了很多年前我在WinForm下仿制过的Chrome进度条. ▲ 原版进度条 那时候我经常半夜接着酒劲儿用我的小破电脑跟GDI+ 较真儿,一转眼都快10年了.这日子过得还真是让人唏嘘呢.本来想翻出来纪念一下,可是以前的东西早他妈不知扔哪儿了,有点儿遗憾.再看看上边儿那进度条是Vue的,我现在还没本事玩儿,可是又手痒痒,先用H5做一个凑合吧.反正也是打发时间,少打几圈儿麻将呗. 特性

参考来源 <Radial progress indicator using CSS>,该文核心是用纯CSS来做一个环形的进度条.纯css的意思就是连百分比这种数字,都是css生成的.文章作者采取的方式是生成100个span标签,然后为这100个标签生成100段css代码(用less生成,代码量倒不大,只是生成的代码量会很大),不知道有没有更NB更省资源的css方案.而我的需求很简单,只需要学习怎么画环进进度条即可,进度掌控当然得由js来通知(比如下载进度,或者音乐播放进度)对E文没有恐惧感的话

本篇博客主要对 HslControls 组件做一个大概的总览介绍,更详细的内容可以参照页面里的子链接,还有github上的源代码,然后进行相关的学习,和使用. Prepare 先从nuget下载到组件,然后就可以使用组件里的各种组件信息了. 在Visual Studio 中的NuGet管理器中可以下载安装,也可以直接在NuGet控制台输入下面的指令安装: Install-Package HslControls NuGet安装教程  http://www.cnblogs.com/dathlin/p

团队项目psp: 一.表格     C类型 C内容 S开始时间 E结束时间 I时间间隔 T净时间(mins) 预计花费时间(mins) 讨论 讨论用户界面 9:27 10:42 18 57 60 分析与设计 设计网页界面 11:23 16:30 45 262 240 学习 Java.jsp 19:00 21:45 15 150 120 编码 具体编码 9:14 19:10 960 160 436 调试运行 修改代码.代码复审 20:30 22:58 35 111 90 总结 总结结果 23:26