自动化html模板,自动化自定义模板
$(function(){
var data = [
{name : '通过',value : 35.75,color:'#7CFC00'},
{name : '不通过',value : 29.84,color:'#EE0000'},
{name : '跳过',value : 24.88,color:'#EE9572'},
];
new iChart.Pie2D({
render : 'canvasDiv',
data: data,
title : '国际化接口结果自动化',
legend : {
enable : true
},
showpercent:true,
color:'#6f6f6f',
decimalsnum:2,
width : 800,
height : 400,
radius:140
}).draw();
});
$(function(){
var data = [
{name : 'HTML5&CSS3',value : 30,color:'#fedd74'},
{name : 'JavaScript',value : 25,color:'#82d8ef'},
{name : 'Java',value : 15,color:'#f76864'},
{name : 'XML',value : 20,color:'#80bd91'},
{name : 'PhotoShop',value : 10,color:'#fd9fc1'}
];
var chart = new iChart.Donut2D({
render : 'canvasDiv1',
center:{
text:'CORE\nSKILLS',
shadow:true,
shadow_offsetx:0,
shadow_offsety:2,
shadow_blur:2,
shadow_color:'#b7b7b7',
color:'#6f6f6f'
},
data: data,
offsetx:-60,
shadow:true,
background_color:'#f4f4f4',
separate_angle:10,//分离角度
tip:{
enable:true,
showType:'fixed'
},
legend : {
enable : true,
shadow:true,
background_color:null,
border:false,
legend_space:30,//图例间距
line_height:34,//设置行高
sign_space:10,//小图标与文本间距
sign_size:30,//小图标大小
color:'#6f6f6f',
fontsize:30//文本大小
},
sub_option:{
label:false,
color_factor : 0.3
},
showpercent:true,
decimalsnum:2,
width : 800,
height : 400,
radius:140
});
/**
*利用自定义组件构造左侧说明文本。
*/
chart.plugin(new iChart.Custom({
drawFn:function(){
/**
*计算位置
*/
var y = chart.get('originy');
/**
*在左侧的位置,设置竖排模式渲染文字。
*/
chart.target.textAlign('center')
.textBaseline('middle')
.textFont('600 24px 微软雅黑')
.fillText('接口自动化',100,y,false,'#6d869f', 'tb',26,false,0,'middle');
}
}));
chart.draw();
});
自动化html模板,自动化自定义模板相关推荐
- 计算机教案word格式模板,用自定义模板编辑教案
随着信息时代的到来以及个人计算机的飞速普及,各个中小学校都相继配置了办公用计算机.许多学校装备了微机室.微机备课室,甚至条件较好的学校为每一位教师都配备了一台个人计算机.也正是这样,许多教师的备课教案 ...
- 【自定义淘宝模板】自定义模板制作详图解析
http://at8.jimdo.com/2010/10/26/diy-1/ 自定义模板制作详图解析 http://blog.sha-long.com/757.html Dxheader(头部文件) ...
- Mybatis-Plus代码生成器,Freemarker模板引擎自定义模板文件
1.介绍 快速生成 Entity.Mapper.Mapper XML.Service.ServiceImpl.Controller.DTO等各个模块的代码,极大的提升了开发效率. 我是把模板从jar包 ...
- Xcode 创建自定义模板
背景 在团队进行项目开发的时候,一般都会统一代码风格,以方便代码的维护. 比如在以 Swift 为主的工程中,并不存在头文件的概念,声明与实现都是放在同一个文件,如果不对代码按一定规则进行分割,那在较 ...
- Layui数据表格之自定义模板
开发工具与关键技术:VS.layui 作者:陆桂超 撰写时间:2019年6月4日 Layui插件是现在比较主流的一个前端 UI 框架,很适合界面的快速开发.Layui里面包含了很多个模块,这里我要讲解 ...
- Swagger自定义模板
2019独角兽企业重金招聘Python工程师标准>>> Swagger自定义模板 下载Swagger codegen <dependency><groupId> ...
- Django框架学习20--模板变量,模板标签,模板过滤器及自定义模板过滤器,自定义模板标签
1.模板变量 string 字符串和 int 类型,通过key名称直接取值,如:{{ n_name }} list类型的取值,通过点下班取值,如:{{ fancy.0 }}.{{ fancy.1 }} ...
- Android Studio自定义模板之MVPActivity
前言 Android开发中经常需要创建Activity.一般情况下,咱们都是"New"->Java Class/Activity.但是Android Studio自带的Act ...
- 二、AEM中自定义模板和页面
文章目录 自定义模板和页面 repo安装 cygwin安装 IDEA中安装repo工具 在WKND中自定义模板和页面 部署WKND示例到author实例 自定义模板 模板编辑的三种模式 Structu ...
- freemarker 生成java_半自动化Java代码生成器[利用freemarker模板生成]
rapid-generator 半自动化Java代码生成器[利用freemarker模板生成] 增加一些定制和扩展, 修改为基于MAVEN的格式. 整体架构保持不变. 增加的特性为: 支持表名前缀去除 ...
最新文章
- Nginx HTTP负载均衡和反向代理配置
- 如何救队友_第五人格中高端局如何救队友,这些技巧很实用,不卡血量是关键...
- android AIDL服务
- beautiful loss function
- mysql主从同步-问题梳理
- 家庭中计算机应用包括,《管理信息系统中计算机应用》沟通考笔试B卷答案
- 哑编码官方代码自己的注解
- 一次性上传多个文件到服务器端(一)
- 无需付费,教你IDEA社区版中使用Tomcat
- 《JavaScript面向对象精要》——第1章 原始类型和引用类型 1.1 什么是类型
- 注释和特殊字符(HTML)
- Debian下安装搜狗拼音输入法
- WebSocket开发说明文档
- su室内插件_草图大师做室内需要用到那些插件
- MIUI小米主题和迪士尼中国达成授权合作 推出专属定制主题
- CentOS7中启动Chrome报错ERROR:zygote_host_impl_linux.cc
- 常见安防存储估算标准
- 计算机组成--PC和IP的区别
- 正确涂CPU硅脂的方法要这样
- 基于内容的电影推荐:用户画像