Scientific/Css/ichartjs/samples/html/custom_column2d_02.html

（开头部分） 2KB

这里只显示每个文件的开头 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 : '广州',value : 4000,color:'#a5c2d5'},
					        	{name : '上海',value : 4200,color:'#cbab4f'},
					        	{name : '南昌',value : 3500,color:'#76a871'},
					        	{name : '哈尔滨',value : 3600,color:'#9f7961'},
					        	{name : '北京',value : 4150,color:'#a56f8f'}
				        	];
		        	
					var chart = new iChart.Column2D({
						render : 'canvasDiv',
						data: data,
						title : '2012年5个城市平均工资的情况',
						width : 800,
						height : 400,
						coordinate:{
							width:580,
							height:260,
							scale:[{
								 position:'left',	
								 start_scale:1000,
								 end_scale:5000,
								 scale_space:500
							}]
						}
					});

					/**
					 *自定义组件,画矩形区域。
					 */
					chart.plugin(new iChart.Custom({
							drawFn:function(){
								/**
								 *计算平均值的高度(坐标Y值)
								 */	
								var avg = chart.total/5,
									coo = chart.getCoordinate(),
									x = coo.get('originx'),
									W = coo.width,
									S = coo.getScale('left'),
									H = coo.height,
									h = (avg - S.start) * H / S.distance,
									y = chart.y + H - h;

								chart.target.globalAlpha(0.2)
								.box(x,y,W,h,0,'#1f7e92')
								.globalAlpha(1)
								.textAlign('start')
								.textBaseline('middle')
								.textFont('600 12px Verdana')
后面还有 25 行代码，购买后查看完整代码

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

AI 解读 AI

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

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