Scientific/Css/ichartjs/samples/html/donut2d_03.html

（开头部分） 3KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>ichartjs 示例</title>
		<meta name="Description" content="The ichartjs's gallery center,ichartjs 示例中心" />
		<meta name="Keywords" content="ichartjs demo,Html5 demo,ichartjs示例,ichartjs示例,Html5示例,Html5示例" />
		<script type="text/javascript" src="../../ichart.1.2.1.min.js"></script>
		<link rel="stylesheet" href="../css/demo.css" type="text/css"/>
		<script type="text/javascript">
			$(function(){
				var data = [
				        	{name : 'Twitter',value : 15,color:'#feabc9'},
				        	{name : 'Instant Messenger',value : 28,color:'#ffdb6d'},
				        	{name : 'Dribbble',value : 32,color:'#96e2f2'},
				        	{name : 'Forrst',value : 10,color:'#f86a66'},
				        	{name : 'Other',value : 15,color:'#86c399'}
			        	];
	        	
				var chart = new iChart.Donut2D({
					render : 'canvasDiv',
					data: data,
					footnote : {
						text : 'ichartjs.com',
						color : '#486c8f',
						fontsize : 12,
						padding : '0 38'
					},
					sub_option : {
						label : false,
						border : false
					},
					legend:{
						enable:true,
						padding:60,
						offsetx:-86,
						color:'#3e576f',
						fontsize:20,//文本大小
						sign_size:20,//小图标大小
						line_height:24,//设置行高
						sign_space:10,//小图标与文本间距
						border:false,
						valign:'bottom',
						background_color : null//透明背景
					},
					align : 'left',
					offsetx:50,
					separate_angle:10,//分离角度
					shadow : true,
					shadow_blur : 2,
					shadow_color : '#aaaaaa',
					shadow_offsetx : 0,
					shadow_offsety : 0,
					background_color:'#f3f3f3',
					width : 800,
					height : 400,
					radius:150
				});

				//利用自定义组件构造右侧说明文本
后面还有 33 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。